“创建视图时无法调用未定义的方法'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(); 
...