* ngFor ve * ngEğer birlikte, Angular2, Ionic2

Question

ngFor kullanarak seçenekler listesini görüntülemeye çalışıyorum, ancak yalnızca belirli bir koşulu yerine getirerek, bunu başarmak için ngFor ve ngIf'i birlikte kullanmak mümkün mü? Böyle şey:

<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 ve * ngIf aynı elemana birlikte kullanılamaz.

Yapabilecekleriniz bir ng-container kullanmaktır.

<ng-container> grup düğüm için kullanılabilir ancak, bir düğüm olarak DOM ağacındaki kılınmadığı mantıksal kaptır.

<ng-container> bir HTML açıklaması olarak değerlendirildi.

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