0

我有一个 Ember 应用程序设置，当访问 /playlist/1 时，它会按预期呈现模板。但是，模型数据并未显示。我有一个带有插座的 playlist.hbs 文件，以及一个带有 index.hbs 的播放列表文件夹，该文件夹内有 html 和把手来显示数据。我同时定义了 App.PlaylistIndexController 和 App.PlaylistIndexRoute。

App.Router.map(function() {
    this.resource('account', {path: '/account/:accountId'}, function() {
        this.route('login');
    });

    this.resource('playlist', { path: '/playlist/:playlist_id'}, function() {
        this.route('edit');
  });
});

FWIW，在添加嵌套路由之前一切正常（我的控制器和路由分别定义为 App.PlaylistController 和 App.PlaylistRoute）

"playlist":{"id":1,"name":"playlistname"}

任何想法如何让播放列表数据正确显示？

更新：

App.PlaylistIndexRoute = App.AuthenticatedRoute.extend({
    setupController: function(controller, model) {
        this._super(controller, model);     
        var online = this.get('store').find('account');
        this.controllerFor('playlistViewers').set('model', online);
    },
});

<div id="main">
  <div id="primary">
    <section id="playlist">
      <header class="playlist-header">
        <h2>Playlist</h2>
        <h1>{{name}}</h1>       
      </header><!--.playlist-header-->

      <div class="playlist-content">
        <ul>

          {{#each song in songs}}
            <li {{action 'play' song}} class="show-for-mobile">
              <button {{bind-attr class="song.isPlaying:icon-volume-up:icon-play song.isStreaming:icon-adjust"}} ></button>
              <div class="song-meta"> 
                <span class="song-name">{{song.name}}</span>
                <span class="song-artist">{{song.artist}}</span>
              </div><!--.song-meta-->
            </li>
          {{/each}}
        </ul>       
      </div><!--.playlist-content-->
    </section><!--#playlist-->
  </div><!--#primary-->

{{partial "sidebar"}}

那是我当前的播放列表/index.hbs 文件，但即使 {{name}} 什么也没有显示

4

1 回答 1

4

你PlaylistIndexRoute需要有一个模型。这可以是播放列表资源加载的模型。

App.PlaylistIndexRoute = App.AuthenticatedRoute.extend({
  model: function() {
    return this.modelFor('playlist');
  }
});
于 2013-10-25T06:53:59.203 回答