在选项中使用ngIf和ngFor

时间:2016-09-19 10:27:26

标签: javascript angularjs angular typescript

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

这是我的代码:

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

2 个答案:

答案 0 :(得分:21)

一次只允许一个元素使用一个结构指令。

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

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

答案 1 :(得分:3)

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