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

我想顯示使用ngFor的選項列表，但只滿足某些條件，是否可以使用ngFor和ngIf一起來實現？事情是這樣的：* ngFor和* ngIf在一起，Angular2，Ionic2

<ion-select [(ngModel)]="task"> 
    <ion-option *ngFor="let task of tasks" [value]="task" *ngIf="task.ProjectId == project.Id">{{task.Title}}</ion-option> 
    </ion-select>

來源

2017-04-25 Chris K.

我的答案是否解決了您的問題，還是您需要一些額外的幫助？如果它解決了您的問題，您能否將我的答案標記爲已接受？ –

* ngFor和* ngIf不能同時對同一元素使用。

你可以做的是使用ng容器。

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

來源

2017-04-25 08:20:08

有趣的，我將不得不測試 –

這個答案可能是正確的，但不知何故這是不適合我的，沒有錯誤，但也沒有任何顯示 –

修復此問題，現在我100％確定這工作中 –

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

回答

相關問題