javascript - EmberJS 应用程序中列表+详细信息+编辑 View 的数据处理

Question

我正在构建一个需要包含三个组件的 EmberJS 应用程序。项目列表、每个项目的详细 View 和每个项目的编辑 View 。我还没有找到任何关于如何在这种特殊情况下管理数据的很好的解释或示例。

您可以在这个要点中找到我现在所拥有内容的简化和清理示例:https://gist.github.com/2390740

我想避免的是拥有两个数据副本，但我能够将数据放入详细 View 的唯一方法是复制它，这远非理想。

有什么方法可以从 DetailController 引用 ListController 中的数组中的项目吗？这样，当项目在详细 View 中更新时， ListView 会自动更新。

我想要实现的是 ListController 加载一个列表，其中包含关于每个项目的基本信息，然后 DetailController 加载所选项目的所有可用信息。如果列表和详细 View 的客户端数据存储可以相同，则如果用户返回到已加载的项目，DetailController 将不必再次加载详细信息。另一个好处是，如果用户更改任何内容然后返回到列表， ListView 将已经是最新的。

注意:我知道这个例子中缺少编辑 View ，我只是想首先让详细 View 和列表之间的数据绑定(bind)起作用。

Answer 1

我在我的 feed reader ember application 中就是这么做的.做到这一点的方法是使用一个带有内容属性的 detailController。将所有细节 View 内容绑定(bind)到 detailController。在 listcontroller 中选择一个项目应该将 detailcontroller 的 content 属性设置为该项目。完成!