0

初めて Ember.js アプリケーションを作成しましたが、正しく動作しません。

私の index.html

  <script type="text/x-handlebars">
      {{#if Songs.totalReviews}}
          Read all my {{Songs.totalReviews}} reviews!
      {{else}}
          There are no reviews right now.
      {{/if}}

      {{#each Songs.songsController}}
          <h3>{{title}}</h3>
          <p>{{artist}} - {{genre}}</p>
      {{/each}}
  </script>

  </body>
  </html>

私のapp.js

      Songs = Ember.Application.create({
        mixmaster: 'Andy',
        totalReviews: 1,
        ready: function(){
            alert('Ember sings helloooooooooo!');
        }
      });

      Songs.Song = Ember.Object.extend({
        title: null,
        artist: null,
        genre: null,
        listens: 0
      });

      mySong = Song.create({
        title: 'Son of the Morning',
        artist: 'Oh, Sleeper',
        genre: 'Screamo'
     });

      Songs.songsController = Ember.ArrayController.create({
      content: [],
      init: function(){
          // create an instance of the Song model
          var song = Songs.Song.create({
              title: 'Son of the Morning',
              artist: 'Oh, Sleeper',
              genre: 'Screamo'
          });
          this.pushObject(song);
        }
      });

しかし、このページを開くと、

 Read all my 1 reviews!

曲の並びはどうですか？私はそれを間違った方法で構築しましたか？

4

2 に答える 2

3

問題は次のスニペットにあります。

  mySong = Song.create({
    title: 'Son of the Morning',
    artist: 'Oh, Sleeper',
    genre: 'Screamo'
 });

ここSongでは定義されていませんSongs.Song.create。代わりに使用したものです....コードを変更すると、すべてが正常に機能します。ここにフィドルがあります

于 2012-10-21T11:32:45.753 に答える
0

問題は{{#each Songs.songsController}}

使用する必要があります{{#each Songs.songsController.content}}

問題は解決された。

于 2012-12-18T04:54:01.913 に答える