angular<mat-select> 设置默认值
时间: 2024-09-19 11:02:20 浏览: 55
angular-multi-select-tree:原生Angular多选树。 没有jQuery
在Angular中,如果你想要设置`<mat-select>`组件的默认选中项,可以使用`[(ngModel)]`绑定属性和`defaultValue`选项。`ngModel`用于双向数据绑定,而`defaultValue`则是一个特性,它指定当select元素没有初始选择时应该显示哪个选项。
例如,在模板HTML里:
```html
<mat-form-field>
<mat-label>Select an item</mat-label>
<mat-select [(ngModel)]="selectedItem" [ defaultValue]="defaultOption">
<mat-option *ngFor="let option of options" [value]="option.value">
{{ option.label }}
</mat-option>
</mat-select>
</mat-form-field>
```
在这个例子中,`selectedItem`是绑定到组件的一个属性,`options`是包含所有可用选项的数组,`defaultOption`是你想设置为默认值的那个选项的值。
如果`defaultOption`存在于`options`中,那么默认情况下`selectedItem`将被设置为此选项。如果没有匹配的选项,`ngModel`将保持空值。
阅读全文