发布于 2015-08-18 16:28:22 | 372 次阅读 | 评论: 0 | 来源: 网络整理
当光标悬浮在待办事项的<li>标签之上时，TodoMVC会在其上显示一个删除待办事项的按钮。点击该按钮，将删除对应的待办事项，并更新显示的完成和未完成待办事项的相关信息。
在index.html中，在静态的<button>元素上增加一个{{action}}Handlebar助手：
{{! ... 为保持代码简洁，在此省略了其他代码 ... }}
<button {{action "removeTodo"}} class="destroy"></button>
{{! ... 为保持代码简洁，在此省略了其他代码 ... }}
|
这样会调用在上一节中定义的 removeTodo 操作，然后在本地删除 todo 并保存数据变化。
因为删除的待办事项不再是所有待办事项集合的一部分，因此其对应的<li>元素将自动的从页面上移除。如果被删除的待办事项是未完成的，那么对应的未完成待办事项的数量将减一，显示该数字的部分也将自动重新渲染。如果数量的变化导致todo和todos间的变形，那么对应的页面部分也将自动重新渲染。
重新载入Web浏览器以确保没有任何错误发生，并且之前描述的行为均工作正常。
注意: 当前的操作可能被调用两次（通过 acceptChanges）导致一个异常。如何处理这种情况的详细信息,请参见最新版本的TodoMVC源码。