ember.js - 在 Emberjs 中使用多个命名的 outlet 和一个没有内容的包装器视图

Question

我正在尝试将多个命名插座与 Ember.js 一起使用。我下面的方法正确吗？

标记：

<script type="text/x-handlebars" data-template-name="application">
    <div id="mainArea">
        {{outlet main_area}}
    </div>
</script>

<script type="text/x-handlebars" data-template-name="home">
    <ul id="sections">
        {{outlet sections}}
    </ul>
    <ul id="categories">
        {{outlet categories}}
    </ul>
</script>

<script type="text/x-handlebars" data-template-name="sections">
    {{#each section in controller}}
        <li><img {{bindAttr src="section.image"}}></li>
    {{/each}}
</script>

<script type="text/x-handlebars" data-template-name="categories">
    {{#each category in controller}}
        <img {{bindAttr src="category.image"}}>
    {{/each}}
</script>​

JS代码：

在这里，我将各种控制器的内容设置为从服务器获取的数据，并将插座与其相应的视图连接起来。由于 HomeController 没有内容，请将其内容设置为空对象 - 摆脱此错误消息的技巧：

未捕获的错误：断言失败：无法将 set('categories' ) 委托给对象代理的 'content' 属性：它的 'content' 未定义。

App.Router = Ember.Router.extend({
    enableLogging: false,
    root: Ember.Route.extend({
    index: Ember.Route.extend({
        route: '/',

        connectOutlets: function(router){
            router.get('sectionsController').set('content',App.Section.find());
            router.get('categoriesController').set('content',  App.Category.find());
            router.get('applicationController').connectOutlet('main_area', 'home');
            router.get('homeController').connectOutlet('home', {});
            router.get('homeController').connectOutlet('categories', 'categories');
            router.get('homeController').connectOutlet('sections', 'sections');
            }
        })
    })
});

​</p>

Answer 1

如果有任何帮助，我会收到此错误，因为我连接的是 Ember.ObjectController 而不是 Ember.Controller。