「創建視圖時無法調用未定義的方法'extend'

Question

我正在第一次玩Ember.js，並且正在落在第一個障礙。一直試圖爲年齡得到這個工作，但我不斷收到錯誤「無法調用未定義‘擴展’」

在我的HTML我有這樣的：

<script type="text/x-handlebars"> 
    {{#view App.MainView}} 
     <div class="hero-unit"> 
     <h1>{{blogTitle}}</h1> 
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non neque a eros dapibus posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> 
     </div> 
    {{/view}} 
    </script> 

而在我的JS我有這樣的：

var App = Ember.Application.create(); 

//define main view 
App.MainView = Ember.View.extend({ 
    blogTitle: 'Epic Blog' 
}); 

根據該文檔，這應該只是呈現模板罰款，但不管鋤硬我嘗試，我得到的錯誤...

任何人都知道我做錯了嗎？

Answer 1

你使用的是什麼Ember.js版本？我用你的代碼使用Ember.js 0.9.8.1創建了一個JSFiddle，它可以工作，請參閱http://jsfiddle.net/pangratz666/D3VuA/。

此外，您必須聲明App作爲全局變量，方法是省略var。這是需要的模板綁定和路徑工作：

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