如何动态渲染Ember组件

时间:2015-03-16 07:55:07

标签: javascript ember.js ember-components

在模板中使用{{component-name}}时,渲染组件效果很好。我想使用动态参数从路径渲染组件。我试过这个

App.ApplicationRoute = Ember.Route.extend({
  init: function(){
      this.render("components/comp-two", {
        into: "application",
        outlet: "test"
      });

  }
});

它成功呈现模板,但组件的事件(init,didInsertElement)和操作不起作用。

如何使事件和行动发挥作用?

示例:http://emberjs.jsbin.com/badaku/1/

1 个答案:

答案 0 :(得分:3)

如果在render方法中给出一些模板名称,ember只会渲染该特定模板,它不会被视为一个组件。你可以在里面创建一个虚拟模板,你可以使用你的组件。

我已经更新了你的jsBin示例 http://jsbin.com/pajirefeta/1/edit