从HTML获取Angular的未定义值
我使用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); ----> JK TWINGING console.log($scope.ITEM_DESC); ---- > SAHIL MON MYSTERY
我不确定在代码中出现错误的地方,我可以将出价的价值看作未定义的。
您在input
中使用了pattern="[0-9]"
属性,根据这些属性,只能input
一个数字,所以我认为您input的数字不止一个数字,因此ng-model
丢失了数据。 删除pattern="[0-9]"
然后重试。
如果你正在使用ng-model,你不需要将它的值作为函数parameter passing。 您可以通过控制器直接访问当前值
$scope.Nbid;
参考: NgModel文档