ember.js - ember - View 中的 didLoad 事件等待 ember-data 模型加载

Question

您好，我有以下路线:

MB3.PlaylistRoute = Ember.Route.extend({
  model: function(params) {
    return MB3.Playlist.find(params.playlist_id);
  }
});

播放列表有一个带有轨道的 hasMany 关系。在播放 ListView 中，我想对播放列表第一首轨道的属性做一些逻辑。

所以我添加了这段代码:

MB3.PlaylistView = Ember.View.extend({
  didInsertElement: function() {
    console.log(this.get("controller.tracks").objectAt(0).get("title"));
  }
});

问题是标题未定义(我认为是因为它尚未加载。我尝试的第二件事是等待 didLoad 事件:

MB3.PlaylistView = Ember.View.extend({
      didInsertElement: function() {
        var self=this;
        this.get("controller.tracks").on("didLoad", function() {
          console.log(self.get("controller.tracks").objectAt(0).get("title"));
        });
      }
    });

但这也记录了 null。我该如何实现？

Answer 1

就像 Adrien 在评论中所说的那样，您似乎遇到了 issue 587 .也就是说，我认为在这种情况下您实际上不需要“didLoad”回调。相反，请尝试使用计算属性来获取 video_id 或轨道标题。例如:

MB3.PlaylistView = Ember.View.extend({
  firstTrackTitle: function() {
    return this.get('controller.tracks.firstObject.title');
  }.property('controller.tracks.firstObject.title')      
});

然后在您的模板中，如果定义了此属性，则嵌入播放器:

{{#if view.firstTrackTitle}}
    embed code here
{{/if}}

FWIW 我会把这个逻辑放在 Controller 而不是 View 中，但想法相同。