使用ng-if进行表格单元格操作

Question

我必须根据输入到单元格中的值来更改表格单元格的颜色。基本上，我想用ng-if改变单元格的样式。我怎么能去做呢？

Answer 1

选中此plunker

HTML：

使用ng-class ng-class="{old : p.Age>50}"

<table>
      <tbody>
        <tr>
          <th>Name</th>
          <th>Age</th>
        </tr>
        <tr ng-class="{old : p.Age>50}" ng-repeat="p in list">
          <td>{{p.Name}}</td>
          <td>{{p.Age}}</td>
        </tr>
      </tbody>
    </table>

CSS：

.old{
  background-color: tomato;
}

**在表格行中使用了plunker ng-class，你也可以只在单元格上使用它