英文原文:http://emberjs.com/guides/getting-started/show-all-todos-again/

接下来我们将对应用进行进一步的修改,使得用户可以查看所有待办事项。

index.html中,将‘全部’待办事项的<a>标签改为Handlebars的{{link-to}}助手:

  1. {{! ... 为保持代码简洁,在此省略了其他代码 ... }}
  2. <li>
  3. {{#link-to "todos.index" activeClass="selected"}}All{{/link-to}}
  4. </li>
  5. <li>
  6. {{#link-to "todos.active" activeClass="selected"}}Active{{/link-to}}
  7. </li>
  8. <li>
  9. {{#link-to "todos.completed" activeClass="selected"}}Completed{{/link-to}}
  10. </li>
  11. {{! ... 为保持代码简洁,在此省略了其他代码 ... }}

重载浏览器确保没有任何错误。现在应该可以在不同状态(全部、活动和已完成)的待办事项的URL之间进行切换了。

在线演示

Ember.js • TodoMVC

附加资源