Angular 尝试在 html 元素上使用 ngModel

Question

我正在尝试的是：

    <div class = "form-group">
  <label for="funktion">Funktion</label>
  <select formControlName="funktion" id="funktion" class="form-control" ngModel #Funktion="ngModel" required >
    <option *ngFor="let Funktion of funktionen" value="{{Funktion.Name}}">{{Funktion.Name}}</option>
  </select>
</div>
<div *ngIf="Funktion.value == 'Administrator' ">
  Some Text here
</div>

但出现以下错误：

没有 "exportAs" 设置为 "ngModel" 的指令（" ]#Funktion="ngModel" 需要 >

我的目标是在下拉菜单中选择值为 "Administrator" 的功能时显示，如果未选择 "Administrator" 则隐藏它...

我做错了什么？

Answer 1

  <div class = "form-group">
      <label for="funktion">Funktion</label>
      <select formControlName="funktion" id="funktion" [(ngModel)]="Funktionname" class="form-control"  required >
       <option *ngFor="let Funktion of funktionen" value="{{Funktion.Name}}">{{Funktion.Name}}</option>
      </select>
  </div>
  <div *ngIf="Funktionname == 'Administrator' ">
    Some Text here
  </div>

Answer 2

<div class = "form-group">
  <label for="funktion">Funktion</label>
  <select class="form-control" formControlName="funktion" id="funktion"  [(ngModel)]='seletedValue' required >
    <option *ngFor="let Funktion of dataList" value="{{Funktion.value}}">{{Funktion.name}}</option>
  </select>
</div>
<div *ngIf="seletedValue == 'Administrator' ">
  Some Text here
</div>

Working Example

Answer 3

我遇到了同样的问题，我使用

解决了它

 <div class = "form-group">
    <label for="funktion">Funktion</label>
    <select formControlName="funktion" id="funktion" class="form-control" [(ngModel)]="myFuncName" #Funktion="ngModel" required >
       <option *ngFor="let Funktion of funktionen" value="{{Funktion.Name}}">{{Funktion.Name}}</option>
    </select>
</div>
<div *ngIf="myFuncName == 'Administrator' ">
   Some Text here
</div>

Angular 尝试在 html 元素上使用 ngModel

Angular trying to use ngModel on html element

angular2-ngmodel

ngmodel

angular

Working Example