入门指南 - 显示模型的完成状态
优质
小牛编辑
130浏览
2023-12-01
英文原文：http://emberjs.com/guides/getting-started/displaying-a-models-completeness/
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，因此重载应用将会看到第一个待办事项有一条中划线，这表示其已经完成。