在选项中使用 ngIf 和 ngFor [重复]答案

【问题标题】：Using ngIf and ngFor in option [duplicate]在选项中使用 ngIf 和 ngFor [重复]
【发布时间】：2017-01-27 00:14:34
【问题描述】：

我想在一行中使用 ngIf 和 ngFor。我知道这是不可能的，但有没有其他方法可以做到这一点？

这是我的代码：

<option *ngIf="tmpLanguage.id!=languages.id" 
        *ngFor="let tmpLanguage of languages" [ngValue]="tmpLanguage.id">
     {{tmpLanguage.identificatie}}
</option>

【问题讨论】：

标签： javascript angularjs angular typescript

【解决方案1】：

<ng-container *ngFor="let tmpLanguage of languages">
  <option *ngIf="tmpLanguage.id!=languages.id" [ngValue]="tmpLanguage.id" >
    {{tmpLanguage.identificatie}}
  </option>
</ng-container>

【讨论】：

【解决方案2】：

一次只能在一个元素上使用一个结构指令。

作为一种解决方法，您可以使用未标记到 DOM 的<ng-container>

<ng-container *ngFor="let tmpLanguage of languages">
  <option *ngIf="tmpLanguage.id!=languages.id"  [ngValue]="tmpLanguage.id" >{{tmpLanguage.identificatie}}</option>
</ng-container>

【讨论】：