1

我正在尝试将部分构建的 UI 升级到最新的 Ember.js rc1，由于 API 发生了巨大的变化，它已经变成了一项非常大的重写工作。那里（和这里）的大多数信息都变得毫无用处。我不得不再次阅读文档几次才能部分工作，但有很多松散的结局。这是一个大人物。视图不会像在以前的版本中那样更新。我错过了一些与重新渲染、{{outlet}} 或其他我不知道的东西有关的东西。ember 指南似乎需要更新。

模板非常简单：

<script type="text/x-handlebars" data-template-name="index">
  <button {{action "addOne"}}>add one</button>
  <ul>
  {{#each item in controller}}
    <li>{{item.title}}</li>
  {{/each}}
  </ul>
</script>

单击时，该按钮会向支持的数组添加一个新元素。控制台日志显示阵列正在增长，但模板没有更改。这是一个 jsfiddle来说明我已经走了多远。谁能弄清楚需要添加什么？

4

1 回答 1

4

我修改了您的示例以突出显示我们在 Ember 中使用数组时使用 Ember 数组的事实（Ember.A()或者Em.A()如果您想明确这一事实）。据我了解，您可以使用方法Em.A().addObject并Em.A().removeObject使用 Ember.Object getter 和 setter 方法（即.get()& .set()）来实现基本功能。

为了被 Ember 应用程序正确观察，使用 Ember 的 getter 和 setter 很重要。

你的小提琴的修改版本。

于 2013-02-27T06:32:43.830 回答