Ant - 无法绑定到“ngModel”，因为它不是“nz-switch”的已知属性

Question

我正在使用 Ant Design for Angular (ng-zorro-antd)，并使用简单的switch模块来显示开关。

当我根据文档添加代码时：

<nz-switch [ngModel]="true"></nz-switch>

该应用程序无法编译，我收到此错误：

Can't bind to 'ngModel' since it isn't a known property of 'nz-switch'

Answer 1

在正确的模块中导入FormsModule

虽然文档中没有说明，但您需要导入 Angular 的FormsModule才能使ngModel绑定起作用。

如果您的应用程序只有一个模块，这很容易。 只需在您唯一的xxx.module.ts文件中导入FormsModule ，如下所示。

如果您像我一样在开发具有多个模块的应用程序，则必须确保将其导入要使用nz-switch的模块中

在您使用nz-switch的那个模块中，在xxx.module.ts文件中：

import { FormsModule } from '@angular/forms`;

... 

@NgModule({
  declaration: [ ... ],
  imports: [ 
    ...,
    FormsModule
  ],
  ...

你应该很高兴。