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

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

最后我们将修改之前使用的夹具数据为真实持久化的数据。这样才能在每次应用加载的时候保持代办事项。该功能通过将夹具适配器替换为localstorage适配器就能实现。

修改js/application.js为:

 
1
2
3
4
5
window.Todos = Ember.Application.create();

Todos.ApplicationAdapter = DS.LSAdapter.extend({
  namespace: 'todos-emberjs'
});
 

localstorage适配器由Ryan Florence编写,可以从其源下载。将其添加至项目的js/libs/localstorage_adapter.js。当然你也可以将其放置到任何你喜欢的位置(或者将所有代码放置到一个文件中),不过本指南假设你按照指定的路径保存文件和对其命名。

index.html引入js/libs/localstorage_adapter.js依赖:

 
1
2
3
4
5
<!--- ... additional lines truncated for brevity ... -->
<script src="js/libs/ember-data.js"></script>
<script src="js/libs/localstorage_adapter.js"></script>
<script src="js/application.js"></script>
 <!--- ... additional lines truncated for brevity ... -->
 

重载应用,现在待办事项在应用被关闭后依然会被保存。

在线演示

Ember.js • TodoMVC

附加资源

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

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