参考Ember.js中的特定模型项目

Question

我目前正试图在Ember.js尝试一些东西，我真的不知道怎么做。

我想在同一视图中两次引用模型项。在左侧，我有一个重复的项目列表;这很容易。但是在页面中间，我想创建一个具有特定布局（可能是硬编码，而不是迭代）的网格。最后，在左边，每个项目都有自己的输入来设置它的值，我想在中心的网格中显示该设置值。

我尝试过几种不同的方式，通过创建一个特殊的视图，使用渲染和valueBindings，但没有一个工作得很好。我是Ember.js的新手，所以我很感激任何帮助。你可以在这里查看jsBin（http://jsbin.com/inapoh/1/edit）。此外，如果我想在网格中提供输入并将其同步回列表，那么方法会有所不同吗？

感谢您的帮助！

Answer 1

您可以对列表和网格使用{{each}}帮助程序，这样可以更轻松地管理输入字段值与网格中显示的值之间的关联，但这取决于你的用例。

查看代码的这种修改方式：http://jsbin.com/inapoh/4/edit

希望它有所帮助。

Answer 2

首先，您要渲染TextField：

{{view Ember.TextField valueBinding="newValue" action="setValue"}}

你需要这样做：

{{view Ember.TextField valueBinding="value"}}

这样，Ember将呈现每个项目的“value”属性的值，并且每次在屏幕上更改时，它也会更新模型的属性。话虽如此，您需要再次遍历您的项目，在屏幕中间显示它们，而不是硬编码，您还可以访问那里的每个项目的“价值”属性，就这样在左侧更改后会自动更新。