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

发布于 2015-08-18 16:34:31 | 615 次阅读 | 评论: 0 | 来源: 网络整理

TodoMVC通过在<li>元素上应用了一个名为completed的CSS类来标识已完成的待办事项。因此需要在一个待办事项的isCompleted属性为真的时候,更新index.html,为这个待办事项的元素添加一个CSS类: handlebars {{! ... 为保持代码简洁,在此省略了其他代码 ... }} <li {{bind-attr class="todo.isCompleted:completed"}}> <input type="checkbox" class="toggle"> <label>{{todo.title}}</label><button class="destroy"></button> </li> {{! ... 为保持代码简洁,在此省略了其他代码 ... }}

以上代码将在待办事项的isCompleted属性为真的时候设置completed这个CSS类,当isCompleted为假的时候移除该CSS类。

为我们应用构造的第一条待办事项的isCompleted属性是true,因此重载应用将会看到第一个待办事项有一条中划线,这表示其已经完成。

在线演示

Ember.js • TodoMVC

附加资源

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

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