angular - 如何使用角度访问所选输入单选选项的值

Question

我的问题已经在该主题中得到了很好的阐述。

但要更多地描述问题：假设我有一个带有三个单选按钮的表单。显然，每个人都有另一个价值。现在我想根据用户的选择在我的组件中使用该值。

我认为解决方案可能很简单，但我找不到任何可以正常工作并且是最新的。

谢谢你的帮助。

标签： angular

Answer 1

我想你使用<mat-radio-group>和<mat-radio-button>

在这种情况下，我建议使用(change)事件并使用$event.value

在你的 html

<mat-radio-group >
  <mat-radio-button (change)="getValue($event.value)" value="1">1</mat-radio-button>
  <mat-radio-button (change)="getValue($event.value)" value="2">2</mat-radio-button>
</mat-radio-group>

在你的 ts

currentValue:string;

getValue(value:string){
  this.currentValue = value
}