2017-07-01 7 views
0

私はこの問題が発生したときに今、私は1つの行の色を変更したいAngularJsテーブル角度変化の色

<tr ng-repeat="data in blankettInfoData"> 
    <td>{{data.informationstyp}}</td> 
    <td>{{data.rubricering}}</td> 
    <td>{{data.dokumenttyp}}</td> 
    <td><input type="checkbox" ng-model="data.checked"/></td> 
</tr> 

を持っている:

  1. 私は、リストに新しい行を追加する場合(緑色)。コードは次のようなものでなければなりません: "If(data.informationstyp == 'ABC123')色が緑色に変わります。
  2. チェックボックスをオンにすると(赤色)。コードは次のようなものでなければなりません:(チェックボックスがチェックされている)場合は、その後、「赤に色を変える

あなたはこの

HTMLのために角度指令ng-classを使用することができます私に

+0

両方のケースが真の場合はどうなりますか? – Vivz

+0

@Vivzはい、そうです。私はそれについて考える必要があります。 – chichi

答えて

0

を助けてください:。

<tr ng-repeat="data in blankettInfoData" ng-class="{'green': data.informationstyp == 'ABC123', 'red': data.checked == true}"> 
    <td>{{data.informationstyp}}</td> 
    <td>{{data.rubricering}}</td> 
    <td>{{data.dokumenttyp}}</td> 
    <td><input type="checkbox" ng-model="data.checked"/></td> 
</tr> 

CSS

.red{ 
color:red; 
} 
.green{ 
color:green; 
} 
+0

あなたのコードを試しても何も起こりません。 – chichi

+0

blankettInfoData配列を投稿できますか?コンソールでエラーが発生していませんか? – Vivz

関連する問題