Как можно совместно использовать ngFor и ngif?

Доброго времени суток,

можно ли как-то использовать совместно *ngFor и *ngIf?
Пример конструкции:
<tr *ngFor="let row of review.penalty" *ngIf="row.sum > 10">
    <td>{{row.name}}</td>
    <td>{{row.sum | number:'.2'}}</td>
</tr>

Такая конструкция не работает. В angularjs работало. Должны ведь были как-то правильно заменить?
  • Вопрос задан
  • 534 просмотра
Решения вопроса 2
Можно
1) обернуть в ng-container

<ng-container *ngFor="let row of review.penalty">
  <tr *ngIf="row.sum > 10">
    <td>{{row.name}}</td>
    <td>{{row.sum | number:'.2'}}</td>  
  </tr>
</ng-container>

Пример

2) использовать template
<template ngFor let-row [ngForOf]="review.penalty">
  <tr *ngIf="row.sum > 10">
    <td>{{row.name}}</td>
    <td>{{row.sum | number:'.2'}}</td>  
  </tr>
</template>

Пример
Ответ написан
Атрибут со звёздочкой - это синтаксический сахар для элемента template. Переписать можно вот так:
<template ngFor let-row [ngForOf]="review.penalty">
    <tr *ngIf="row.sum > 10">
        <td>{{row.name}}</td>
        <td>{{row.sum | number:'.2'}}</td>
    </tr>
</template>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы