如何在ng-repeat下获得ng-model的价值

时间:2014-07-14 09:18:35

标签: angularjs angularjs-ng-repeat ng-bind

<div class="check">
<label><span ng-repeat="prod in products">
<input type="checkbox" ng-model="prod.cid"  value="" ng-change="OnCheck()">
{{prod.c}}</br></br>{{prod.cid}}</br>
</span>
</div>

在上面的html文件中,我从函数a()的控制中动态获得了复选框。现在我需要获得控制函数OnCheck()的复选框的绑定值。如何获取值另一个函数名中的绑定值,如OnCheck(),它也在同一个控件中。我有其他不动态的复选框,我对所有复选框使用OnCheck() ng-change

2 个答案:

答案 0 :(得分:0)

HTML:

   <div class="check">
    <label><span ng-repeat="prod in products">
    <input type="checkbox" ng-model="prod.cid"  value="" ng-change="OnCheck(prod)">
    {{prod.c}}</br></br>{{prod.cid}}</br>
    </span>
    </div>

JS:

...
$scope.OnCheck = function(product)

//您可以通过产品进行访问     ......

HTML:

   <div class="check">
    <label><span ng-repeat="prod in products">
    <input type="checkbox" ng-model="prod.cid"  value="" ng-change="OnCheck(prod.cid)">
    {{prod.c}}</br></br>{{prod.cid}}</br>
    </span>
    </div>

JS

    $scope.OnCheck = function(cid)
// in this case you can have access to prod.cid only
    ... 

答案 1 :(得分:0)

对于动态创建的复选框,

<input type="checkbox" ng-model="prod.cid" ng-change="OnCheck(prod.cid)">

对于未动态创建的复选框,

<input type="checkbox" ng-change="OnCheck('value')">
          //Give the value of checkbox between the quotes ''.

在JS中,

$scope.OnCheck = function(Value){
   console.log(Value);
}