可以通过设置FormControl的初始值来解决mat-select无法选择默认值的问题。下面是一个示例:
HTML代码:
{{option.viewValue}}
TypeScript代码:
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'my-component',
templateUrl: './my-component.html',
styleUrls: ['./my-component.css']
})
export class MyComponent {
options = [
{value: 'option1', viewValue: 'Option 1'},
{value: 'option2', viewValue: 'Option 2'},
{value: 'option3', viewValue: 'Option 3'}
];
myControl = new FormControl('option1'); //设置初始值为'option1'
}
在上述示例中,我们通过将FormControl的初始值设置为'option1”来解决mat-select不选择默认值的问题。当组件加载时,mat-select就会自动选中初始值。