问题的根本原因是由于select的选项与ngModel中的绑定值类型不一致,导致无法正确绑定。解决方法有以下两种:
HTML代码示例:
在组件中定义selectedValue变量,并将其初始化为想要绑定的初始值即可。
HTML代码示例:
在组件中定义selectedValue变量,并将其初始化为想要绑定的初始值即可。同时,定义一个名为ngValue的自定义指令,并在选项上使用[ngValue]="option"来进行绑定。自定义指令代码示例:
import { Directive, Input } from '@angular/core';
@Directive({ selector: '[ngValue]' }) export class NgValueDirective { @Input() ngValue: any; constructor() { } }
以上两种解决方法都可以在Angular 11中实现ngModel与select控件的正确绑定。