javascript - Ember.js View 未自动更新

Question

我被困在名为“让我们学习 Ember”的 Tuts+ 类(class)中创建的“美味”书签应用程序中。由于该类(class)已有几个月的历史，我正在尝试使用最新版本的 Ember.js 和 Ember-Data 重新制作该应用程序。

这是存储库:https://github.com/jantequera/scrumptious

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

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

当我学习 Ember 时，我可能错过或误解了指南中解释这一点的某些内容，因此欢迎任何帮助。下面我公开了代码，如果您希望在上下文中查看它甚至尝试一下，请使用上面的存储库。谢谢!

编辑下面的 Anton 指出并建议了组件的使用，这使得上面的 jsfiddle 可以工作。但是，当我在本地副本中使用此解决方案时，它无法工作除非我使用 FixtureAdapter 而不是 LSAdapter(本地存储)。有什么线索吗？

Answer 1

http://jsbin.com/ukuDORUZ/6

您使用“渲染”助手:

{{render "table" controller.regular}}

当您创建新书签并更新controller.regular时，“表”模板中的模型不会更新

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

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

http://jsbin.com/ukuDORUZ/6