ng-if внутри ng-repeat всегда возвращает true

Я создаю таблицу с данными из Премьер-лиги. Я пытаюсь использовать ng-if проверить, выиграла ли команда хозяев и, если да, добавить ячейку с надписью "Команда хозяев выиграла"

HTML

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

Однако это добавление "Домашняя команда выиграла!" к каждой строке, даже когда full_time_result не 'H'.

Вот ссылка на PLNKR.

Кроме того, каков будет рекомендуемый способ достижения этой функциональности? Имея много ng-if блоки, вероятно, не лучший способ сделать это.

1 ответ

Вы не можете иметь div элемент таблицы tr напрямую, это сделало бы недействительным HTML. Чтобы это работало, вы можете обернуть это div в td тег.

наценка

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

Рабочая Демо

Другие вопросы по тегам