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

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>