具体的な背景色を適用<tr>角度

Question

私は1つの角度テーブルを持っています。ここ

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

しかし、行が表示されている2つのtimes.Whatは間違い？どんな提案されましたか？

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>