* 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>