2014-09-12 80 views
0

我試圖讓我的周圍emberjs頭,而現在我的問題是,我有以下的標記:渲染燼觀看到定義容器

<div class="row"> 
    <div class="col-lg-12"> 
     <script type="text/x-handlebars"> 
      Hi, {{name}}! 
     </script> 
    </div> 
</div> 

ember-view被關閉之前渲染</body>

<div id="ember298" class="ember-view"> 
     Hi, Alex! 
    </div> 
</body> 

,而不是我在那裏想到它,裏面div.col-lg-12。我只是不明白爲什麼會這樣。我錯過了什麼?

回答

1

您的Handlebars模板應該在HTML的頂層進行聲明,在腳本標記內部標記,而不是其他方式。舉例來說,這樣的事情:

<body> 
    <script type="text/x-handlebars" data-template-name="index"> 
     <div class="row"> 
      <div class="col-lg-12"> 
       Hi, {{name}} 
      </div> 
     </div> 
    </script> 
</body> 

這使得Ember.js正確檢測模板,當你到合適的路線填充它。看看example JSBin for Ember,你會更好地瞭解如何編寫模板。您可能還需要閱讀Ember's guide on template basics

編輯:可能還有幫助的東西是記住Handlebars模板不必在您的HTML文件中。我把它放在.hbs文件中,並將它們編譯成Javascript。 Handlebars腳本標籤實際上就是爲了方便。換句話說,永遠不要在標記中放入腳本標籤,只需使用Handlebars表達式,Ember就會知道該怎麼做。