* 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> एक तार्किक कंटेनर कि समूह नोड के लिए इस्तेमाल किया जा सकता है लेकिन एक नोड के रूप में डोम वृक्ष में रेंडर नहीं कर रहा है।

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