<分区>
我正在尝试使用 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>
<分区>
我正在尝试使用 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>
最佳答案
*ngFor 和 *ngIf 不能在同一个元素上一起使用。
您可以做的是使用 ng-container。
<ng-container>
is a logical container that can be used to group nodes but is not rendered in the DOM tree as a node.
<ng-container>
is rendered as an HTML comment.
<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>
关于angular - *ngFor 和 *ngIf 一起,Angular2,Ionic2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43605168/