Ember classNameBindingsがサンプルプログラムで呼び出されていません

Question

私はクラス名バインディングに問題があります。同じもののコードはjsfiddleです。バインディングの回数をログに記録する。プロパティが変更されたときに呼び出されることはありません。

Answer 1

ここにいくつかの問題があるようです。主に、配列の内容が変更されたときにプロパティを再計算する必要がある場合は、配列プロパティ自体に依存するだけではなく、別の配列に設定されている場合にのみ変更が発生します。代わりにmyArray.@eachに依存している場合は、内容が変更されたときにプロパティが再計算されます。

次に、ハンドルバーのビュー宣言で空のビューテンプレートを提供しているため、スパンを含むテンプレートはレンダリングされません。 「HTML」を次のように変更してください。

{{view App.contact}} 

となります。

最後に、Ember.run.sync()を実行するだけでは十分ではありません。私はこれの背後にある理由はっきりしていませんが...計算されたプロパティは、読み込み時にのみ更新されます（直ちに更新するオブザーバーに対して）。計算されたプロパティはビューでのみ使用され、ビューは後でJSイベントループを介して更新されるため、計算されたプロパティは「部下」に対するすべての変更に対して1回だけ再計算されると仮定します。タイムアウトを使用するようにコードを変更しても問題ありません。

ここには私の提案されたすべての変更が加えられたjsfiddleがあります。