angular - MatRadioGroup 的值未定义

Question

我无法访问单选按钮的值。这是我的代码：

      <mat-radio-group #rangeInput>
        <mat-radio-button name="range" value="3">3</mat-radio-button>
        <mat-radio-button name="range" value="5">5</mat-radio-button>
        <mat-radio-button name="range" value="7" [checked]="true">7</mat-radio-button>
        <mat-radio-button name="range" value="9">9</mat-radio-button>
      </mat-radio-group>
      <button mat-raised-button [matDialogClose] (click)="onInput(rangeInput.value)">Ok</button>

似乎 mat-radio-group elementref 没有 value 属性？！我究竟做错了什么？

问候方赞

标签： angularangular-materialradio-button

Answer 1

ngModel在无线电组上使用

<mat-radio-group [(ngModel)]="rangeValue">
        <mat-radio-button name="range" [value]="3">3</mat-radio-button>
        <mat-radio-button name="range" [value]="5">5</mat-radio-button>
        <mat-radio-button name="range" [value]="7" [checked]="true">7</mat-radio-button>
        <mat-radio-button name="range" value="9">9</mat-radio-button>
</mat-radio-group>
<button mat-raised-button [matDialogClose] (click)="onInput()">Ok</button>

TS：

rangeValue:any;

onInput(){
  //use this.rangeValue here...
}