ember.js - {{outlet}}、{{view}}、{{render}} 和 {{control}} 助手

Question

我正在尝试组合一个简单的主细节 Ember 应用程序。一侧的目录树和另一侧的文件列表。

Ember 提供了很少的帮助器来将上下文渲染到 View 中。我可以将其中的哪些用于:

目录树的子树。

详情列表。

事实上，如果有人能指出我能读到的关于 {{render view}} 之间区别的任何文档，那将会非常有帮助。 , {{view view}}和 {{control view}}助手以及如何正确使用它们。

非常感谢!

Answer 1

{{view "directory"}}在当前 Controller 的上下文中呈现 View 。
{{render "directory"}}呈现 View App.DirectoryView带模板directory在单例的上下文中 App.DirectoryController{{control directory}}行为方式与 render 相同只有它创建了 App.DirectoryController 的新实例每次渲染时(与每次使用相同 Controller 实例的 render 不同)。

2014 年 2 月 18 日更新:{{control}}已被删除。

最后两个助手相对较新，因此没有太多关于它们的文档。您可以找到 {{view}}文档 here .

现在看看您的用例，我认为您不需要任何这些助手。只需使用嵌套路由和 {{outlet}} helper ，它应该可以正常工作。

App.Router.map(function(){
  this.resource('directories', function() {
     this.resource('directory', { path: '/:directory_id'}, function() {
       this.route('files');
     });
  });
});

您可以在以下内容的基础上构建 this guide .

更新: {{render}}如果您传递模型，现在每次都会创建一个新实例。