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

发布于 2015-08-18 16:30:26 | 725 次阅读 | 评论: 0 | 来源: 网络整理

接下来我们建立一个模型用来描述todo项。

新建一个名为 js/models/todo.js 的文件,加入以下代码:

 
1
2
3
4
Todos.Todo = DS.Model.extend({
  title: DS.attr('string'),
  isCompleted: DS.attr('boolean')
});
 

这段代码创建了一个新的 Todo 类,并将它置于你应用的命名空间下。每一个todo有两个属性: titleisCompleted

你可以将这个文件放在任意你喜欢的地方(甚至把它们所有的代码放在同一个文件内),但是本指南假定你创建了一个文件并按照前面讲的进行命名。

最后,更新 index.html ,将下列引用添加到这个新文件中:

 
1
2
3
4
<!-- ... 为确保简洁,略去头尾代码 ... -->
  <script src="js/models/todo.js"></script>
</body>
<!-- ... 为确保简洁,略去头尾代码 ... -->
 

重新加载浏览器页面,确保所有的文件被正确引用,且没有错误产生。

在线演示

Ember.js • TodoMVC

附加资源

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

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