要使mat-select第一个选项为空,可以通过以下步骤实现:
<mat-form-field>
<mat-select placeholder="选择项" [formControl]="myControl">
<mat-option></mat-option>
<mat-option *ngFor="let option of options" [value]="option.value">{{ option.label }}</mat-option>
</mat-select>
</mat-form-field>
import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent {
myControl = new FormControl();
options = [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
];
}
constructor() {
this.myControl.setValue(null);
}
这样,mat-select的第一个选项就会显示为空。用户可以选择其他选项,但默认情况下不会有任何选项被选中。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法提供相关链接。但腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等,可以根据具体需求选择适合的产品。
云+社区沙龙online第6期[开源之道]
云+社区沙龙online [技术应变力]
TVP技术夜未眠
企业创新在线学堂
serverless days
TC-Day
TC-Day
云+社区技术沙龙[第27期]
Elastic 中国开发者大会
领取专属 10元无门槛券
手把手带您无忧上云