Angular MatRadioGroup的值未定义

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

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

3.
5.
7.
9
好啊

似乎mat无线电组elementref没有值属性？！我做错了什么

---

问候Fonzane

在放射组中使用

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>

---

在放射组上使用

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

 onDataChange(event) {
  console.log(event.value);    
 }

app.component.html

<mat-radio-group aria-label="Select an option" (change)="onDataChange($event)">
<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>

3.
5.
7.
9

希望这有助于

应用程序组件.ts

 onDataChange(event) {
  console.log(event.value);    
 }

app.component.html

<mat-radio-group aria-label="Select an option" (change)="onDataChange($event)">
<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>

3.
5.
7.
9

---

您好，您是否选中了“官方角度材料文档”：是的，这里有一个引号：“单选组具有反映组内当前选定单选按钮的值属性”。您好，您是否选中了“官方角度材料文档”：是的，这里有一个引号：“单选组有一个值属性，反映组内当前选定的单选按钮。“谢谢，这确实管用。但是checked属性现在不再起作用了，因为它将rangeValue初始化为7，比如：

rangeValue=7

谢谢，确实起作用了。但是checked属性现在不再工作了，因为它将rangeValue初始化为7，比如：

rangeValue=7