要将Angular Material的mat-select下拉框绑定到对象的选定值,可以使用ngModel指令来实现。以下是一个示例代码:
HTML模板:
选择选项
{{ option.label }}
Component类:
import { Component } from '@angular/core';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
selectedValue: string; // 用于存储选定的值
options = [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
];
}
在上述代码示例中,ngModel指令绑定到selectedValue属性,该属性用于存储选定的值。mat-option元素的value属性用于指定选项的值,label属性用于指定显示在下拉框中的文本。
通过这种方式,mat-select下拉框就会默认绑定到对象的选定值。