将ng的攻击应用于ng-repeat中的项目

Question

如何删除项目列表的名称并在单击后禁用该复选框？我可以使用ng-click或其他检查事件吗？

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

Answer 1

嗯，这是一个使用AngularJS的版本：

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

首先我设置CSS类，然后在复选框上创建一个ng-model，这样就可以保存状态。

如果您阅读一些Angular Docs会有所帮助。在AngularJS主页上是一个你应该偶然发现的例子，如果你想稍微深入AngularJS。所以请阅读它。

Answer 2

你可以用纯CSS做删除线：

input[type="checkbox"]:checked+label{ text-decoration: line-through; } 

选中复选框后，将触发标签。

我没有真正看到在重新检查时禁用该复选框的重点;是不是足够区分已检查和未检查的？

Answer 3

如果您想要获取索引，则可以使用$ 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
    };