Question

我有一个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>

现在我想在发生这种情况时更改一行的颜色：

当我向列表添加新行时（绿色）。代码应该是这样的：“if（data.informationstyp =='ABC123'）然后将颜色改为绿色”
当我勾选复选框（红色）时。代码应该是这样的：if（复选框已选中）然后将颜色更改为红色“。

请帮帮我

Answer 1

您可以将角度指令ng-class用于此

<强> HTML ：

<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;
}

表行上的角度变化颜色

1 个答案: