2013-01-03 68 views
4

我想在這裏使用的文檔來學習恩貝爾:http://emberjs.com/guides/templates/handlebars-basics/爲什麼模板在此Ember應用程序中不呈現?

我下面這個鏈接上給出的例子,並相應地具有以下兩個文件和內容,沒有別的。但是,當我去瀏覽器並打開index.html我沒有看到Hello WorldWorld部分不顯示。但是,根據該頁底部附近的解釋,World應顯示在頁面上。

任何幫助理解爲什麼這不起作用會很好。謝謝!

的index.html

<h2>First Ember Application</h2> 

<script type="text/x-handlebars"> 
    Hello {{name}}. 
</script> 


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.rc.1/handlebars.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-pre.2/ember-1.0.0-pre.2.min.js"></script> 
    <script src="app.js"></script> 
</body> 

</html> 

app.js

window.App = Ember.Application.create(); 

App.ApplicationController = Ember.Controller.extend({ 
    name: "World" 
}); 

回答

4

那麼你需要一個Ember.View傳遞變量中並與模板連接。您可以設置控制器的背景下,並有鑑於此作爲其內容,而是爲你簡單的例子:

window.App = Ember.Application.create(); 

App.ApplicationController = Ember.Controller.extend({}); 

App.ApplicationView = Ember.View.extend({ 
    templateName : 'application', 
    name: 'World' 
}) 

其值得注意的是,Ember公司將尋找一組視圖,控制器和模板與「應用程序'命名約定。 這裏是一個鏈接到全部小提琴http://jsfiddle.net/gNKJj/1/

+2

謝謝。這工作。我鏈接到的文檔頁面,沒有提及任何意見! – Curious2learn

相關問題