入门指南 获取Ember 概念 对象模型 应用 模板 路由 组件 控制器 模型 视图 枚举 测式 配置Ember.js COOKBOOK 理解Ember.js

发布于 2015-08-18 16:36:27 | 481 次阅读 | 评论: 0 | 来源: 网络整理

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

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

 
{{! ... 为保持代码简洁,在此省略了其他代码 ... }}
<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

附加资源

最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务