应用特定角度<tr>的背景颜色

Question

>我有一个角度表。

<tr ng-repeat="data in userList">
<td>{{$index+1}}</td>
<td>{{data.name }}</td>
<td>{{data.age}}</td>
<td>{{data.dept}}</td>
<td>{{data.appDate }}</td>
<td>{{data.joinedDate}}</td>
</tr>

在这里，当joinedDate>appDate，对于该特定行，我需要添加带有dottedlines的背景色。
我做到了

<tr ng-repeat="data in userList" ng-if="data.appDate>=delivery.joinedDate" ng-style="{'background-color': '#ffd6d6','border':'dashed 3px #9e0b0f'}">
<td>{{$index+1}}</td>
<td>{{data.name }}</td>
<td>{{data.age}}</td>
<td>{{data.dept}}</td>
<td>{{data.appDate }}</td>
<td>{{data.joinedDate}}</td>
</tr>
<tr ng-repeat="data in userList">
<td>{{$index+1}}</td>
<td>{{data.name }}</td>
<td>{{data.age}}</td>
<td>{{data.dept}}</td>
<td>{{data.appDate }}</td>
<td>{{data.joinedDate}}</td>
</tr>

但是行显示两次。错误是什么？有什么建议吗？

Answer 1

像这样更改第二个 tr 标签：

<tr ng-repeat="data in userList" ng-if="data.appDate>=delivery.joinedDate" ng-style="{'background-color': 'red'}">
<td>{{$index+1}}</td>
<td>{{data.name }}</td>
<td>{{data.age}}</td>
<td>{{data.dept}}</td>
<td>{{data.appDate |}}</td>
<td>{{data.joinedDate}}</td>                         
</tr>
<tr ng-repeat="data in userList" ng-if="!(data.appDate>=delivery.joinedDate)">
<td>{{$index+1}}</td>
<td>{{data.name }}</td>
<td>{{data.age}}</td>
<td>{{data.dept}}</td>
<td>{{data.appDate |}}</td>
<td>{{data.joinedDate}}</td>                         
</tr>