如何使用mat-radio-group的"selected“属性在Angular Material中选择mat-radio-button？

在Angular Material中，可以使用mat-radio-group的"selected"属性来选择mat-radio-button。"selected"属性用于指定默认选中的mat-radio-button。

首先，确保已经导入了Angular Material相关的模块和组件。然后，在HTML模板中，使用mat-radio-group来创建一组mat-radio-button，并设置"selected"属性为所需的值。

例如，假设有一个颜色选择的mat-radio-group，可以按照以下步骤进行操作：

1. 在组件的HTML模板中，添加以下代码：

<mat-radio-group [(ngModel)]="selectedColor">
  <mat-radio-button value="red">Red</mat-radio-button>
  <mat-radio-button value="blue">Blue</mat-radio-button>
  <mat-radio-button value="green">Green</mat-radio-button>
</mat-radio-group>

1. 在组件的Typescript文件中，定义一个变量selectedColor来存储选中的颜色值：

selectedColor: string;

1. 在组件的初始化方法中，设置默认选中的颜色值：

ngOnInit() {
  this.selectedColor = "blue";
}

在上述代码中，"selectedColor"变量被绑定到mat-radio-group的ngModel属性上，这样可以实现双向数据绑定。"value"属性用于指定每个mat-radio-button的值。

这样，当页面加载时，"blue"颜色的mat-radio-button将被默认选中。如果需要更改默认选中的颜色，只需修改初始化方法中的this.selectedColor的值即可。

关于Angular Material的更多信息和使用方法，可以参考腾讯云的相关产品和文档：

• Angular Material
• Angular Material组件文档