angular - 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" required >

我的目标是显示是否在下拉列表中选择了值为“管理员”的功能，如果未选择“管理员”，则将其隐藏...

我究竟做错了什么？

Answer 1

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

工作示例

Answer 2

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