Question

英文原文：http://emberjs.com/guides/getting-started/deleting-todos/

当光标悬浮在待办事项的<li>标签之上时，TodoMVC会在其上显示一个删除待办事项的按钮。点击该按钮，将删除对应的待办事项，并更新显示的完成和未完成待办事项的相关信息。

在index.html中，在静态的<button>元素上增加一个{{action}}Handlebar助手：

1 2 3

{{! ... 为保持代码简洁，在此省略了其他代码 ... }} <button {{action "removeTodo"}} class="destroy"></button> {{! ... 为保持代码简洁，在此省略了其他代码 ... }}

这样会调用在上一节中定义的 removeTodo 操作，然后在本地删除 todo 并保存数据变化。

因为删除的待办事项不再是所有待办事项集合的一部分，因此其对应的<li>元素将自动的从页面上移除。如果被删除的待办事项是未完成的，那么对应的未完成待办事项的数量将减一，显示该数字的部分也将自动重新渲染。如果数量的变化导致todo和todos间的变形，那么对应的页面部分也将自动重新渲染。

重新载入Web浏览器以确保没有任何错误发生，并且之前描述的行为均工作正常。

注意: 当前的操作可能被调用两次（通过 acceptChanges）导致一个异常。如何处理这种情况的详细信息,请参见最新版本的TodoMVC源码。

在线演示

Ember.js • TodoMVC

附加资源

• 用diff格式呈现本次修改
• action API文档