编程语言
首页 > 编程语言> > javascript – 通过单击封闭行在Angular JS转发器表中切换复选框

javascript – 通过单击封闭行在Angular JS转发器表中切换复选框

作者:互联网

我有一个用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>

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

解决方法:

试试这个:

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

标签:angularjs-ng-click,javascript,angularjs,html-table,angularjs-ng-repeat
来源: https://codeday.me/bug/20190830/1766718.html