ng-if在ng-repeat内总是返回true

Question

我正在创建一个包含英超联赛数据的表格。我正在尝试使用ng-if检查主队是否赢了，如果是这样的话，请添加一个说“主队赢了”的单元格

HTML

<div ng-if="data.full_time_result: === 'H'">
    <td>Home Team Won!</td>
</div>

然而，这增加了“主队赢了！”即使full_time_result不是'H'，也是每一行。

以下是plnkr的链接。

此外，实现此功能的推荐方法是什么？拥有大量ng-if块可能不是解决此问题的最佳方式。

Answer 1

您不能直接在表格元素div中使用tr，它会生成无效的HTML。为了使其正常工作，您可以将div包裹在td标记中。

<强>标记

<td>
    <div ng-if="data.full_time_result === 'H'">Home Team Won!</div>
</td>

Working Demo