Ember.js视图没有自动更新

时间:2013-12-26 17:18:26

标签: javascript ember.js refresh components

我被困在Tuts +课程中创建的'Scrumptious'书签应用程序中,名为'Let's Learn Ember'。由于课程已有几个月的历史,我正在尝试使用最新版本的Ember.js和Ember-Data重新制作应用程序。

以下是回购https://github.com/jantequera/scrumptious

注意:由于@claptimes请求,我添加了项目的jsbin:http://jsbin.com/ukuDORUZ/2/edit?html,js,console

问题是,在'书签'模板中,当我添加新书签时,它会被存储并且“创建书签”部分消失,但书签表不会更新,甚至不会反映新创建的书签实时更改,这是预期的行为。换句话说,我必须刷新浏览器才能看到表中的新书签,这不是ember.js应用程序的工作方式。

当我正在学习Ember时,我可能错过或误解了指南中解释这一点的内容,所以欢迎任何帮助。下面我公开代码,如果你想在上下文中看到它或者甚至尝试它,请使用上面的repo。谢谢!

编辑安东下面指出并建议使用组件,这使得上面的jsfiddle工作。但是,当我在本地副本中使用此解决方案时,它将无效 UNLESS 我使用LSAdapter的FixtureAdapter INSTEAD(本地存储)。任何线索?

1 个答案:

答案 0 :(得分:2)

http://jsbin.com/ukuDORUZ/6

你使用“渲染”助手:

{{render "table" controller.regular}}
当您创建新书签并更新controller.regular

时,

模型不会在“表格”模板中更新

您可以使用组件(http://emberjs.com/guides/components/)并将模型绑定到组件的参数:

{{bookmarks-table elementsBinding="controller.regular"}}

http://jsbin.com/ukuDORUZ/6