4

ページの読み込み時に次のエラー メッセージが表示されます。

Assertion failed: The value that #each loops over must be an Array.
    You passed (generated snippets.index controller) ember-1.0.0.js:394

Uncaught TypeError: Object [object Object] has no method 'addArrayObserver'

ここに私のテンプレートコードがあります:

<script type="text/x-handlebars" data-template-name="snippets/index">
  {{#each}}
    {{title}}
  {{/each}}
</script>

私の「スニペット」モデルは非常に単純です。

TSLibrary.Snippet = DS.Model.extend({
  title: DS.attr('string')
});

TSLibrary.Snippet.FIXTURES = [{id: 1, title: 'Learn Ember.js'}];

私のアプリとルーター:

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

TSLibrary.ApplicationAdapter = DS.FixtureAdapter.extend();

// ---

TSLibrary.Router.map(function () {
  this.resource('snippets', { path: '/' }, function () {
  });
});

TSLibrary.SnippetsRoute = Ember.Route.extend({
  model: function () {
    // My guess is that this does not return the expected array
    //
    // This logs 'Class {toString: function, constructor: function, reason: null, isPending: undefined, isSettled: undefined…}'

    console.log(this.store.find('snippet'));
    return this.store.find('snippet');
  }
});

this.store.find('snippet')したがって、正しいデータが返されていないと思います。また、Ember デバッグ拡張機能を Chrome にインストールしたところ、モデル内の適切なデータがすべて表示されました。

Ember バージョン: 1.0.0
Ember データ バージョン:v1.0.0-beta.1-140-ga51f29c a51f29c (2013-09-07 16:34:55 -0700)
ハンドルバー バージョン: 1.0.0
jQuery バージョン: 1.10.2

4

2 に答える 2