javascript - 如何动态渲染 Ember 组件

Question

{{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/

Answer 1

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

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