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

工作演示