未渲染到outlet中

Question

我正在手动渲染一些插座：

Dashboard.IndexRoute = Ember.Route.extend({
    renderTemplate : function ( ) {
        this.render('index');
        this.render('disposition-legend', {outlet : 'dispositionLegend'} );
    },
});

模板：

    <script type="text/x-handlebars" data-template-name="application">
      {{outlet}}
    </script>

    <script type="text/x-handlebars" data-template-name="index">
      <div class="container">
        {{outlet dispositionLegend}}
      </div>
    </script>

    <script type="text/x-handlebars" data-template-name="disposition-legend">
      <div class="row">
        <div class="col-lg-12 well">Legend:&nbsp;
          {{#each controller.content}}
            <span class="label" style="background-color:{{unbound color}};">{{label}}</span>
          {{/each}}
        </div>
      </div>
    </script>

Ember说，这确实是在渲染出口：

Rendering index with default view <Ember._MetamorphView:ember320> Object {fullName: "view:index"}
Rendering disposition-legend with <Dashboard.DispositionLegendView:ember328> Object {fullName: "view:disposition-legend"}

没有错误消息，但是视图ember320和视图ember328都不在DOM中。DOM中存在的惟一视图是与application模板相关的ember299。

为什么会这样呢？

(我正在运行ember-1.4.0)

Answer 1

IndexRoute试图呈现为application模板，但您希望呈现为index，因此需要传递into: 'index'选项。

App.IndexRoute = Ember.Route.extend({
    renderTemplate : function ( ) {
        this.render('index');
        this.render('disposition-legend', {outlet : 'dispositionLegend', into: 'index'} );
    },
});