Javascript 如何动态渲染余烬组件

在模板中使用

{{component name}}

时，呈现组件效果良好。我希望使用动态参数从管线渲染组件。我试过这个

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

  }
});

它成功地呈现了一个模板，但组件的事件（init、didInsertElement）和操作不起作用

如何使事件和操作有效

---

示例：

如果您在render method中提供某个模板名称，ember只会呈现该特定模板，它不会被视为组件。您可以在其中创建一个虚拟模板，您可以使用您的组件

我已经更新了您的jsBin示例

---

尝试用renderTemplate方法编写此代码。@如果我将该方法替换为renderTemplate，则Vaibhav似乎不起作用。它会向temp one发出两次警报，但不会渲染任何内容。你们能通过编辑我的在jsbin中提供一个例子吗？实际上，在route中，若你们定义了，那个么只有模板被呈现，它不被认为是一个组件。你可以创建一个虚拟模板，在里面你可以使用你的组件。问题是我想传递动态参数，比如{{comp print“thisText”}，并且

thisText

是从服务器下载的，不能在模板中硬编码。你想给你的组件传递一些参数吗？是的。我正在构建一个模式组件，它将被呈现到一个出口中。然后，您可以将数据作为{{comp one compData=“thisText”}传递，并在组件内部使用compData属性。您可以拥有一个属性，例如myProp，它将获取动态数据（myProp=thisText），您可以将其分配给组件{comp one compData=myProp}这里没有硬编码，也可以使用动态属性。记住，不要在属性上加引号，在这种情况下，它将是一个字符串。