Ember.js ArrayController错误

Question

我正在尝试测试以下示例Ember.js代码，但始终在Chrome浏览器控制台中显示以下错误：

Uncaught TypeError: Property '_super' of object [object Object] is not a function

码：

MovieTracker.moviesController = Ember.ArrayController.create({
       content: [],
       init: function(){
           this._super();
           var list = [
               MovieTracker.Movie.create({
                   title: 'Movie 1',
                   rating: 4 }),
               MovieTracker.Movie.create({
                   title: 'Movie 2',
                   rating: 5
               })];
           this.set('content', list);
       }
});

我正在使用Ember-1.3.2.js

有人可以告诉我我在这里想念的吗？ 以及如何解决这个错误？

按照@ kingpin2k的建议将.create更改为.extend之后的新错误消息

TypeError：对象函数（）{如果（！wasApplied）{Class.proto（）; //准备原型...} o_defineProperty（this，GUID_KEY，undefinedDescriptor）; o_defineProperty（this，'_super'，undefinedDescriptor）; var m = meta（this），proto = m.proto; m.proto = this; if（initMixins）{//本地捕获，因此我们可以清除变量var mixins = initMixins的闭包； initMixins = null; this.reopen.apply（this，mixins）; } if（initProperties）{//本地捕获，因此我们可以清除变量var props = initProperties的闭包； initProperties = null; var concatenatedProperties = this.concatenatedProperties; for（var i = 0，l = props.length; i <l; i ++）{var properties = props [i]; Ember.assert（“ Ember.Object.create不再支持其他定义的混合，请改用createWithMixins。”，！（Ember.Mixin的属性instance）； 如果（typeof属性！=='对象'&&属性！==未定义）{抛出新的Ember.Error（“ Ember.Object.create只接受对象。”）; }如果（！properties）{继续； } var keyNames = Ember.keys（properties）; for（var j = 0，ll = keyNames.length; j <ll; j ++）{var keyName = keyNames [j]; 如果（！properties.hasOwnProperty（keyName））{继续; } var value = properties [keyName]，IS_BINDING = Ember.IS_BINDING; 如果（IS_BINDING.test（keyName））{var bindings = m.bindings; if（！bindings）{绑定= m.bindings = {}; }否则if（！m.hasOwnProperty（'bindings'））{绑定= m.bindings = o_create（m.bindings）; } bindings [keyName] =值; } var desc = m.descs [keyName]; Ember.assert（“ Ember.Object.create不再支持定义计算属性。”，！（Ember.ComputedProperty的值实例））; Ember.assert（“ Ember.Object.create不再支持定义调用_super的方法。”，！（typeof value ==='function'&& value.toString（）。indexOf（'._ super'）！== -1 ））; 使用Ember.ActionHandler时，必须在扩展时间提供Ember.assert（“ actions ，而不是在创建” +“时间（即视图，” +“控制器和路由）。”，！（（keyName ==='actions '）&& Ember.ActionHandler.detect（this）））; if（concatenatedProperties && indexOf（concatenatedProperties，keyName）> = 0）{var baseValue = this [keyName]; if（baseValue）{if（'function'=== typeof baseValue.concat）{value = baseValue.concat（value）; } else {value = Ember.makeArray（baseValue）.concat（value）; }} else {value = Ember.makeArray（value）; }} if（desc）{desc.set（this，keyName，value）; } else {if（typeof this.setUnknownProperty ==='function'&&！（this中的keyName））{this.setUnknownProperty（keyName，value）; } else if（MANDATORY_SETTER）{Ember.defineProperty（this，keyName，null，value）; //设置强制设置器} else {this [keyName] = value; }}}}} finishPartial（this，m）; this.init.apply（this，arguments）; m.proto = proto; finishChains（本）; sendEvent（this，“ init”）; }没有方法'get'

Answer 1

我也遇到了同样的问题，就像我在看同一本书一样，最终弄清楚了为什么在Ember 1.5.1上不起作用：

1. 应该对MoviesController使用大写字母，而不是如上所述的moviesController。
2. 应该从Ember.ArrayController扩展而不是从其创建。
3. 不要使用this._super（）

因此，以下代码应适用于任何有兴趣的人...

MovieTracker.MoviesController = Ember.ArrayController.extend({
content: [],
init: function() {
    var list = [
        MovieTracker.Movie.create({
            title: 'Movie 1',
            rating: 4
        }),
        MovieTracker.Movie.create({
            title: 'Movie 2',
            rating: 5
        })];

    this.set('content', list);
}});

Answer 2

在多次试验前后，我遇到了相同的问题，问题出在控制器名称的拼写和大小写上。 例如（根据您的问题代码）调用：

MovieTracker.moviesController.get('length');

而控制器的名称是MoviesController，并以大写M表示，则会出现此错误。 因此，请仔细检查您的代码，确保您使用正确的名称和正确的大小写。

将控制器名称保留为大写M也是一个好习惯，如@ kingpin2k建议

Answer 3

MoviesController应该大写，并且应该扩展Ember.ArrayController而不创建它。

MovieTracker.MoviesController = Ember.ArrayController.extend({
       content: [],
       init: function(){
           this._super();
           var list = [
               MovieTracker.Movie.create({
                   title: 'Movie 1',
                   rating: 4 }),
               MovieTracker.Movie.create({
                   title: 'Movie 2',
                   rating: 5
               })];
           this.set('content', list);
       }
});

Answer 4

“创建”非常适合本书中的示例。 下面的代码为我工作

MovieTracker.MoviesController = Ember.ArrayController.create({
content: [],
init: function(){
var list = [    
        MovieTracker.Movie.create({
            title: 'The Avengers',
            rating: 4
        }),
        MovieTracker.Movie.create({
            title: 'Spiderman',
            rating: 5
        })];
    this.set('content', list);
}       
});

版本

调试：灰烬：1.5.0调试：把手：1.1.2调试：jQuery：1.10.2

灰烬调试器活动VM2276：161 MovieTracker.MoviesController.get（'length'）;

2