javascript - 当 ember 中的属性发生变化时，列表不会重新排序

Question

我制作了一个小演示应用程序，其中有一个推文列表，并且每 0.3 秒更改一条随机推文的收藏夹数量，该列表应该显示基于收藏夹的前 3 条推文，但我可以每次推文的多个收藏夹发生变化时，都不会再调用它。

我在 jsfiddle 做了一个演示使用此应用程序(必须按下显示列表才能显示列表)。

当按下开始更改收藏夹按钮时，收藏夹开始更改。

在我的排序功能中，我希望它检查任何推文的收藏夹是否已更改

 App.AppModel = Ember.Object.extend({
                topTweets: function(){
                    return this.get('tweets').toArray().sort(function(a, b){
                        console.log("sort");
                        return b.favorites-a.favorites;
                    }).slice(0, 3);
                }.property('tweets.@each.favorites')
            });

这是我更改随机推文收藏夹的地方

  setInterval(function(){
                                   var iPosition = _.random(0, numTweets-1);
                                   var iFavorites = _.random(0, 4000);
                                    App.appModel.get('tweets').set(iPosition+'.favorites', iFavorites);
                                    App.appModel.get('tweets').set(iPosition+'.text', iFavorites)
                                }.bind(this),300);

收藏夹正在发生变化，我只是想知道为什么列表没有重新排列。

Answer 1

在下面的行中，您获得 topTweets 并设置 data，并且没有在 data 上设置观察者来观察底层数据的变化。

this.set('model', {data: App.appModel.get('topTweets')});

您需要将model设置为模型，如下所示:

this.set('model', App.appModel);

并迭代模板中的模型，如下所示:

{{#each model in this.model.topTweets}}