Emberjs插座内部组件

时间:2014-12-10 14:04:04

标签: ember.js

组件内部可以有一个{{outlet}}帮助器吗?

使用这样的路由器:

Router.map(function() {
    this.resource('pages', function(){
        this.resource( 'page', { path: '/:id' }, function(){
            this.route('edit');

        });
    });
});

我正在使用我的组件作为页面,它显示一个页面列表。我为每个页面设置了{{link-to}}以在我的组件中呈现页面模板。 (页面模板不是组件)

有可能吗?因为它没有做任何事情,到目前为止,我的应用程序正在路由到/pages/page_id,但嵌套模板不会显示在我的组件中。

插座是否在组件内不起作用?

感谢您的帮助。

[编辑]以下是一个小例子:

组件:

<div class="nestedTemplate">
{{outlet}}
</div>

<div>
{{#each item in model}}
    {{partial "list-row"}}
{{else}}
    {{partial "no-items"}} 
{{/each}}
</div>

部分只是正确格式化的列表。每个div附近有一个{{link-to}}

1 个答案:

答案 0 :(得分:1)

不,不可能。您可以将属性值传递给组件,也可以使用{{yield}}帮助器。请参阅:http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_yield