Ember.computedがEmber.Arrayで更新されない

Question

私は現在、他の多くのものと一緒にリアルタイムチャットを実装するためにウェブソケットで動作するアプリケーションを開発中です。

しかし、Ember.computedのメンバーにはEmber.NativeArrayの問題があります。

問題を見つけながらいくつか試してみましたが、どれもうまくいかないようです。 私の配列は、このようなサービスで定義されてEmber.NativeArrayです：

messages: Ember.computed('liveSocket.chatMessages', function() { 
    return this.get('liveSocket').get('chatMessages').toArray().reverse(); 
}), 

そして、私は私のサービスに配列にオブジェクトを設定します。

chatMessages: Ember.A() 

私の計算された財産、私のコンポーネントでは、そのように定義されます次のように：

this.get('chatMessages').set(data.id, null); 

を私は直接配列を観察した場合、何も（私はそれと混同されることが変化していないが、配列を埋め込む点ということではありませんI n Ember.Arrayオブジェクト？）。さて、liveSocket.chatMessages.lengthプロパティを見て、新しい要素の配列を簡単に見ることができます。すべて正常に動作し、新しいメッセージが正しく追加されます。問題はメッセージを削除しようとするときです。 websocketサーバはひどく設計されており、変更することは可能ではありません。削除されたメッセージのインデックスは削除されず、代わりにnullオブジェクトが返されます。

したがって、配列の長さだけでなく、その要素の変更も監視する必要があります。私は、私の観測された要素リストにliveSocket.chatMessages.@eachを追加しようとしましたが、それはどちらもうまくいきません。それを要約する：

// Never updates 
Ember.computed('liveSocket.chatMessages', ...) 

// Updates only on push/pop (as expected) 
Ember.computed('liveSocket.chatMessages.length', ...) 

// Still only updates on push/pop 
Ember.computed('liveSocket.chatMessages.length', 'liveSocket.chatMessages.@each', ...) 

私はここに何かが欠けていますか？配列の長さとそれに含まれるすべての要素を観察する方法はありますか？私のアプローチは間違っていますか？私はEmber 2.6とEmber Data 2.6.1を使用しています。

ありがとうございます！

Answer 1

chatMessagesには、プロパティがtitleであると仮定します。

あなたが任意のオブジェクトのtitleが変わるたびにトリガしたいのであれば、あなたが計算する必要があります：あなたの答えのための

Ember.computed('liveSocket.chatMessages.@each.title', ...);