返回介绍

入门指南 - 显示所有待办事项

发布于 2020-02-21 15:48:01 字数 1248 浏览 966 评论 0 收藏 0

英文原文: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

附加资源

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文