無法車把數據進入模板

Question

我通過official documentation學習ember.js時遇到含有鬍子模板下面的HTML頁面：

<section id="main"> 
     <ul id="todo-list"> 
     {{#each controller}} 
     <li {{bindAttr class="isCompleted:completed"}}> 
      <input type="checkbox" class="toggle"> 
      <label>{{title}}</label><button class="destroy"></button> 
     </li> 
     {{/each}} 
     </ul> 

     <input type="checkbox" id="toggle-all"> 
    </section> 

然而，問題是，瀏覽器顯示數據如：

{{#each controller}} 
    {{title}} 
{{/each}} 

而不呈現提供給模板的種子數據。 我有以下的javascript聲明只是身體標記結束前：

<script src="js/libs/jquery.js"></script> 
    <script src="js/libs/handlebars.js"></script> 
    <script src="js/libs/ember.js"></script> 
    <script src="js/libs/ember-data.js"></script> 

    <script src="js/libs/application.js"></script> 
    <script src="js/libs/router.js"></script> 
    <script src="js/models/store.js"></script> 
    <script src="js/models/todo.js"></script> 

該頁面加載而不被放火報告的任何錯誤。請讓我知道我缺少什麼。

Answer 1

我想你錯過了一些基本的東西 - 你的'模板'上的把手腳本標記，data-template-name應根據你所在的路線命名，這裏我僅僅使用application作爲示例。在你提到的官方指南中，如果你在嵌入式jsbin中啓用了html面板，你會明白我的意思，就在body標籤下是包裝腳本標籤todos。

<script type="text/x-handlebars" data-template-name="application"> 
<section id="main"> 
    <ul id="todo-list"> 
    {{#each controller}} 
    <li {{bindAttr class="isCompleted:completed"}}> 
     <input type="checkbox" class="toggle"> 
     <label>{{title}}</label><button class="destroy"></button> 
    </li> 
    {{/each}} 
    </ul> 

    <input type="checkbox" id="toggle-all"> 
</section> 
</script> 

希望它有幫助。