单击封闭行,在Angular JS转发器表中切换复选框

时间:2014-12-22 15:44:41

标签: javascript angularjs angularjs-ng-repeat html-table angularjs-ng-click

我有一个用ng-repeat构造的表,其中每一行都有一个由JSON数据中的值重复设置的复选框:

<tr ng-repeat="t in tabledata" ng-click="t.isChecked=t.!isChecked">
    <td><input type="checkbox" ng-model="t.isChecked"></td>
    <td>{{t.firstName}} {{t.lastName}}</td>
</tr>

我想点击来切换该行中的复选框值。我尝试了以上,但它不起作用。想法?

1 个答案:

答案 0 :(得分:5)

试试这个:

ng-click="t.isChecked = !t.isChecked"

感叹号应该放在t.isChecked前面。

还要确保停止在复选框本身上传播click事件,否则单击复选框将不允许您选中/取消选中任何内容。

<input type="checkbox" ng-model="t.isChecked" ng-click="$event.stopPropagation()">

演示:http://plnkr.co/edit/KJziWDmlN2gTbthOF4yJ?p=preview