html - 读取值有角度的

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>

打字稿： 我有：

  RpiIp = '';

和

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

控制台打印一个空值（值不变）。错误在哪里？为什么价值没有改变？

标签： htmlangulartypescriptangular2-template

Answer 1

mat-select将包含mat-option，因此您必须在 mat-select 上使用 ngModel。

考虑下面的代码：

<select . . . name="duration" [(ngModel)]="exercisePlan.duration"> 
<option *ngFor="let duration of durations" [value]="duration.value">{{duration.title}}</option>