如何动态渲染 Ember 组件

How to render Ember component dynamically

本文关键字：Ember 组件 动态 何动态      更新时间：2023-09-26
在

模板中使用{{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/

如果在渲染方法中给出某个模板名称，则 ember 只会渲染该特定模板，它不会被视为组件。您可以创建一个虚拟模板，您可以在其中使用您的组件。

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

相关文章：