Question

您能告诉我如何打印单选按钮的选定值吗？我这样尝试过，但是不行吗？ https://stackblitz.com/edit/angular-grtvc7?file=src%2Fapp%2Fapp.component.ts

<mat-radio-group [(ngModel)]="favoriteName">
  <mat-radio-button  *ngFor="let name of names" [value]="name">
    {{name}}
  </mat-radio-button>
</mat-radio-group>

<div class="example-selected-value">Your favorite season is: {{favoriteName}}</div>

这个例子对我不起作用..

您能建议另一个这样做吗？因为我不想使用 [（ngModel）] ？但是首先，为什么使用 ngmodel

无法正常工作

Answer 1

由于您使用的是表单标签，因此需要为表单元素命名标签

<mat-radio-group [(ngModel)]="favoriteName" name="something">

Demo

Answer 2

如果您使用的是表单标签，则必须按@Sachila Ranawaka的说法命名您的表单元素，否则您可以添加ngModelOptions之类的

<mat-radio-group [(ngModel)]="favoriteName"  [ngModelOptions]="{standalone: true}">
  <mat-radio-button  *ngFor="let name of names" [value]="name">
    {{name}}
  </mat-radio-button>
</mat-radio-group>

<div class="example-selected-value">Your favorite season is: {{favoriteName}} </div>
</form>

如果您检查控制台exmplane是否存在所有错误

Answer 3

您忘记为name赋予mat-radio-group属性

<mat-radio-group [(ngModel)]="favoriteName" name="fav">
  <mat-radio-button  *ngFor="let name of names" [value]="name">
    {{name}}
  </mat-radio-button>
</mat-radio-group>

<div class="example-selected-value">Your favorite season is: {{favoriteName}}</div>
</form>

documentation

如何打印单选按钮的选定值？

3 个答案: