* ngFor i * ngIf razem, Angular2, Ionic2

Question

Próbuję wyświetlić listę opcji za pomocą ngFor, ale tylko pod warunkiem spełnienia pewnych warunków, czy można używać ngFor i ngIf razem, aby to osiągnąć? coś takiego:

<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

* * ngIf ngFor i nie mogą być używane razem na tym samym elemencie.

Co możesz zrobić, to użyć pojemnika ng.

<ng-container> logiczny pojemnik, który może być stosowany do węzłów grupy ale nie staje się w drzewie DOM jako węzła.

<ng-container> jest renderowany jako komentarz 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>