html - 读取 <mat-option> angular 的值

Question

HTML:

  <mat-icon class="fab fa-raspberry-pi"></mat-icon>
  <mat-form-field>
    <mat-select placeholder="Rpi">
      <mat-option>Choose</mat-option>
      <mat-option *ngFor='let pi of myRpis' [(ngModel)]="RpiIp" ngDefaultControl [value]="pi.RPI_IP"
        (click)="getPins()">
        {{pi.LABEL}}
      </mat-option>
    </mat-select>
  </mat-form-field>

typescript : 我有:

  RpiIp = '';

和

  getPins() {
    console.log(this.RpiIp);
    this.doneFetching = true;
  }

控制台打印一个空值(该值不会改变)。错误在哪里？为什么值没有变化？

Answer 1

您需要将 ngModel 放在 mat-select 上，而不是放在 mat-option

上