【问题标题】:ng-if inside ng-repeat always returning trueng-if 在 ng-repeat 中总是返回 true
【发布时间】:2017-06-19 05:07:46
【问题描述】:

我正在创建一个包含英超联赛数据的表格。我正在尝试使用ng-if 检查主队是否获胜,如果是,请添加一个单元格,显示“主队获胜”

HTML

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

但是,这是添加“主队获胜!”即使 full_time_result 不是“H”,也可以到每一行。

这是plnkr的链接。

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

【问题讨论】:

    标签: javascript angularjs html-table angularjs-ng-if


    【解决方案1】:

    您不能在表格元素tr 内直接包含div,这会导致无效的html。要使其正常工作,您可以将 div 包装在 td 标记中。

    标记

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

    Working Demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多