沒有渲染成出口

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> 

灰燼說，這是確實呈現出口：

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中唯一的視圖是ember299，與application模板相關。

爲什麼會這樣？

（我正在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'}); 
    }, 
});