显示所有待办事项 编辑页面


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

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

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

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

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

在线演示

Ember.js • TodoMVC

附加资源