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>

特定角度应用背景颜色

1 个答案: