モデル変更やDOM値の変更時のCSS変更

Question

私はテーブルを持っており、データベースから動的に更新するDSモデルからデータを取得します。テーブル内のデータが更新されたときにUIのブロック（特に「td」）の色（css）変更の警告が必要です。私は（ここでは「飛行」）と、値の更新ブロックの背景の色の変化を必要とする

<table class="table table-bordered table-hover"> 
    <thead> 
      <tr> 
       <th>C</th> 
       <th>Flight</th> 
      </tr> 
    </thead> 
    <tbody> 
    {{#each model as |flight|}} 
    <tr> 
      <td>{{ember-inline-edit value=flight.ACTUAL_COMPLEX onSave = (action "updateFlight" flight.id) onClose = (action "rollbackFlight" flight.id)}}</td> 
      <td>{{ember-inline-edit value=flight.FLTNUM onSave = (action "updateFlight" flight.id) onClose = (action "rollbackFlight" flight.id)}}</td> 

    </tr> 
    {{/each}} 
    </tbody> 
    </table> 

：

は、ここに私のコードです。

Answer 1

多くの選択肢があります。私はtdの独自のコンポーネントを作成し、その値を更新しながらスタイルを変更する方が好きです。このコンポーネントは、データ変更のawaredされるようにする必要があり

export default Ember.Component.extend({ 
    tagName:'td', 
    classNameBindings:['isBlink:blink'], 
    didUpdateAttrs(){ 
    this.set('isBlink', true); 
    } 
}); 

注：次のような

{{#table-cell v=flight.FLTNUM}} 

はあなたのために用意しthis twiddleを見てください。