如何删除项目列表的名称并在单击后禁用该复选框?我可以使用ng-click或其他检查事件吗?
答案 0 :(得分:2)
嗯,这是一个使用AngularJS的版本:
http://plnkr.co/edit/G29qWXYfzpmiIg6DZyKI?p=preview
首先我设置CSS类,然后在复选框上创建一个ng-model,这样就可以保存状态。
如果您阅读一些Angular Docs会有所帮助。在AngularJS主页上是一个你应该偶然发现的例子,如果你想稍微深入AngularJS。所以请阅读它。
答案 1 :(得分:1)
你可以用纯CSS做删除线:
input[type="checkbox"]:checked+label{ text-decoration: line-through; }
选中复选框后,将触发标签。
我没有真正看到在重新检查时禁用该复选框的重点;是不是足够区分已检查和未检查的?
答案 2 :(得分:1)
如果您想要获取索引,则可以使用$ index
<table>
<tbody ng:repeat="tasks in tasksList">
<tr><td><input type="checkbox" id="$index" ng-click="checkBoxClicked($index)"/>
<td>{{tasks}}</td></td></tr>
</tbody>
</table>
在JS文件中,您读取了索引
$scope.checkBoxClicked = function(taskIndex){
alert(taskIndex); //the index gets prompted
};