javascript - 从 HTML 获取 Angular 的未定义值

Question

我使用 ng-modal 将值从 HTML 传递到 Angular，但它在 Angular 中给了我未定义的值。我通过 ng-click 传递值以将值传递给 Angular，其中我使用 firebug 选项来检查我在 Angular 的值。

 <div class ="row"> 
<div class="col-md-3 col-md-offset-1">
<p>Bid Price<input type= "text" class="form-control" name="Nbid" id="Nbid" ng-model ="Nbid"  pattern="[0-9]" style="width:90px" ></p>

<div class="col-md-5 col-md-offset-1"> <br> 
<p><button type="button" class="btn btn-primary" ng-click="placeBid(result.ITEM_CODE ,Nbid, result.ITEM_NAME, result.ITEM_DESC);" style="width:120px"> Place Bid</button></p></div</div> 

在 Angular 方面，代码是:

$scope.placeBid = function(ITEMCODE, Nbid, ITEM_NAME, ITEM_DESC){
$scope.value = ITEMCODE;
$scope.bidpr = Nbid;
$scope.ITEM_NAME = ITEM_NAME;
$scope.ITEM_DESC = ITEM_DESC;

console.log($scope.value);
console.log($scope.bidpr);
console.log($scope.ITEM_NAME);
console.log($scope.ITEM_DESC);

在 Firebug 控制台上，我打印了以下值:

console.log($scope.value);     --->  15
console.log($scope.bidpr);     ---->  undefined
console.log($scope.ITEM_NAME);  ----> J.K TWINGING
console.log($scope.ITEM_DESC); ---- > SAHIL MON  MYSTERY 

我不确定我在代码中哪里犯了错误，我可以看到出价的值未定义。

Answer 1

您在input中使用pattern="[0-9]"属性，根据这些属性，您只能在其中输入一位数字，所以我认为您在其中输入了多个数字，因此 ng-model 丢失了数据。 删除 pattern="[0-9]" 并重试。