Javascript 如何告诉Emberjs在给定的插座上呈现特定的模板？

我有一个像这样的Emberjs模板：

<script type="text/x-handlebars" data-template-name="content-area">
    <div id="content">
        <div id="side-tree" class="ui-layout-west">
            <!-- components and deployments tree-->
            <div id="componentsTree" data-source="ajax"></div>

        </div>
        <div id="center-content" class="ui-layout-center">
            {{outlet content-area}}

        </div>
    </div>
</script>

{{出口内容区}}

根据用户生成的事件，我需要将不同的模板呈现到该内容区域出口中

另外，在呈现这些模板时，我需要传递一些数据，以便能够正确呈现

在处理这些事件时，我如何明确地告诉Ember将特定数据呈现到内容区插座中的模板（例如A或B）？

谢谢

看看答案

基本上：

App.SomeRoute = Ember.Route.extend({

    renderTemplate: function() {
        // render the template called A
        this.render('A', {
            into: "application" // inside the application template (or any other already rendered templates)
            outlet: "a" //inside an outlet called a
            controller: "a" //using the controller A
        });

        this.render ....

    },

});

不用说，您可以调用

render

任意次数。另外，

控制器

也可以是您自己实例化和配置的对象

---

我希望这对你有帮助

你在传递什么数据？您正在渲染哪些模板？回答这个问题将有助于引导你走向正确的方向。您可以查看

renderTemplate

hook in

Route

和

render

方法。谢谢，这非常有用！