“创建视图时无法调用未定义的方法'扩展'

时间:2012-07-03 11:21:19

标签: ember.js

我第一次和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'
});

根据文档,这应该只是渲染模板,但无论如何我努力尝试我得到错误......

任何人都知道我做错了什么?

1 个答案:

答案 0 :(得分:2)

您使用的是哪种Ember.js版本?我使用Ember.js 0.9.8.1创建了一个包含代码的JSFiddle,它可以工作,请参阅http://jsfiddle.net/pangratz666/D3VuA/

此外,您必须通过省略Appvar声明为全局变量。这是必需的,因此模板中的绑定和路径可以工作:

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