* 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> 그룹 노드 에 사용할 수 있지만 노드로 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>