在angularjs中使用ng-model的復選框限制

Question

到目前為止，我只看到人們使用ng-model來綁定復選框的狀態。 我怎么知道用angularjs檢查了哪個復選框？ 例如，我想獲取已檢查的復選框的索引，以便我可以在后端執行某些操作。

如果它在jquery / js中，我可以使用函數來捕獲復選框的狀態並發送索引或等信息以發送回數據庫。

我的傻瓜： http ：//plnkr.co/edit/dG9cwswiVzLdjEnpSNvu？p =preview

Answer 1

您可以使用ng-click ，如下所示：

http://plnkr.co/edit/kOTtbSHbw1kaGWmjqQbf?p=preview

Answer 2

我不清楚您的問題，但如果您想要與復選框關聯的標簽，那么您應該使用ng-init 。

<div ng-controller="main">
    <div class="checkbox" ng-repeat="item in items">
         <input type="checkbox" id="{{$index}}" ng-model="item.done"><label for="{{$index}}" class="done-{{item.done}}" ng-init="item.text='Label for' + item.val">Label for {{item.val}}</label>
    </div>
    {{items}}
</div>

見演示