Question

我正在尝试使用ngFor显示选项列表但只满足某些条件，是否可以一起使用ngFor和ngIf来实现？像这样：

<ion-select [(ngModel)]="task">
    <ion-option *ngFor="let task of tasks" [value]="task" *ngIf="task.ProjectId == project.Id">{{task.Title}}</ion-option>
  </ion-select>

Answer 1

* ngFor和* ngIf不能在同一元素上一起使用。

您可以使用ng-container。

<ng-container>是一个逻辑容器，可用于对节点进行分组   但不会在DOM树中呈现为节点。

<ng-container>呈现为HTML评论。

<ion-select [(ngModel)]="task">
    <ng-container *ngFor="let task of tasks">
        <ion-option [value]="task" *ngIf="task.ProjectId == project.Id">{{task.Title}}</ion-option>
    </ng-container>
</ion-select>

* ngFor和* ngIf在一起，Angular2，Ionic2

1 个答案: