html - 迭代循环时的条件检查

Question

我正在使用 AngularJS 处理 HTML 表格。下面是我的 HTML 代码。

html代码:

<table>
    <tr ng-repeat="data in myResults">
      <td style="text-align: center;">{{data.name}}</td>
      <td style="text-align: center;">{{data.callerID}}</td>
      <td style="text-align: center;">{{data.dataPlan}}</td>
    </tr>
</table>

我正在返回 myResults 中的值对象并迭代并显示表中的值。

我要填写特定的<td>如果在迭代时值为空或 null，则使用颜色，示例)在迭代时如果我具有 name 的值和 callerID但是 dataPlan是空白的，我需要填写 dataPlan <td>带有黄色，并在其各个单元格中显示姓名和来电显示的值..

我不确定如何在迭代循环时包含条件检查，如果值为空/空，则用颜色填充单元格。有什么建议吗？

PS:如果单元格中的值为空白/空值，请用黄色填充单元格。

Answer 1

一个快速的 CSS 规则可能会解决您的问题。

演示:http://jsfiddle.net/U3pVM/34058/

CSS:

td:empty {
  background: yellow;
}/*Make it more specific*/