无法在Angula6中的HTML页面上预选mat单选按钮

在Angular 6中，无法在HTML页面上预选mat单选按钮是因为mat-radio-button组件的选中状态是由FormControl的值控制的。在HTML页面上预选mat单选按钮，需要在组件的.ts文件中初始化FormControl的值。

下面是一种实现方法：

1. 首先，在组件的.ts文件中导入必要的模块和类：

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

1. 在组件的类中，创建一个FormControl对象，并设置初始值为需要预选的单选按钮的值：

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  radioControl: FormControl = new FormControl('option1');
}

1. 在HTML页面中，使用mat-radio-group和mat-radio-button组件来展示单选按钮，并将FormControl对象与mat-radio-group组件进行绑定：

<mat-radio-group [formControl]="radioControl">
  <mat-radio-button value="option1">Option 1</mat-radio-button>
  <mat-radio-button value="option2">Option 2</mat-radio-button>
  <mat-radio-button value="option3">Option 3</mat-radio-button>
</mat-radio-group>

在上述代码中，radioControl变量与mat-radio-group的formControl属性进行了绑定，因此它控制着单选按钮的选中状态。

这样，当你运行应用程序时，可以看到初始值为"option1"的单选按钮被预选。

需要注意的是，上述代码是基于Angular 6和Angular Material的版本进行示例，如果你的项目中使用了不同版本的Angular和Angular Material，可能需要稍作调整以适应你的项目环境。

关于Angular Material的使用和更多细节，你可以参考腾讯云的相关产品和文档：

• 腾讯云相关产品：腾讯云 Serverless 云函数
• 官方文档：Angular Material 官方文档
• 示例代码：Angular Material 示例代码