Angular ngZorro: [(ngModel)]不会预先设置<select>标签的值。
创始人
2024-10-20 10:01:36
0次

在Angular中，使用ngZorro库时，可能会遇到一个问题，即当使用[(ngModel)]绑定一个标签的初始值。

解决这个问题的方法是在组件类中使用ngModel的方式来设置初始值。具体步骤如下：

  1. 导入FormsModule和ngZorro的相关模块：
import { FormsModule } from '@angular/forms';
import { NzSelectModule } from 'ng-zorro-antd/select';
  1. 在NgModule中导入FormsModule和ngZorro的相关模块：
imports: [
  FormsModule,
  NzSelectModule
]
  1. 在组件类中定义一个变量，并使用ngModel绑定：
selectedValue: string;
  1. 在模板中使用ngModel绑定
    1. 在组件类中设置初始值：
    ngOnInit() {
  this.selectedValue = 'value2';
}

    通过上述步骤，就可以预先设置