无法绑定到'mat-slide-toggle'的'ngModel'，因为它不是已知属性。

Question

我正在尝试获取当前mat-slide-toggle的值，但不幸的是会出现错误：

Error: Template parse errors:
Can't bind to 'ngModel' since it isn't a known property of 'mat-slide-toggle'.

我在组件的html部分这样使用toggle：

 <mat-slide-toggle color="primary" [(ngModel)]="showInnerView">
      Default Slide Toggle
 </mat-slide-toggle>

我的组件中对应的属性：

showInnerView: boolean = false;

我做错了什么？

---

mat-slide-toggle的文档

mat-slide-toggle的官方示例，以及与[(ngModel)]一起使用

---

使用的版本：Angular: 5.2.4，Angular Material: 5.2.0

- d4rty

Answer 1

ngModel 位于 @angular/forms 中的 FormsModule 中，因此请将其导入到您的 AppModule（或您正在尝试在其中使用它的任何模块）。

另请参阅此问题：Angular 2 使用 ngModel 进行双向绑定不起作用

- Mezo Istvan

Answer 2

请尝试像下面这样在相应的模块中包含FormsModule：

@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})

- Derviş Kayımbaşıoğlu

---

我已经导入了@angular/forms，但只使用了ReactiveFormsModule。包括FormsModule有所帮助！ - ill

Answer 3

我曾经遇到过同样的问题，在运行后

ng serve

已经修复了

- Tomer Atzmon

---

这不是一个答案，因为它没有提供任何解决方案或解释，请查看StackOverflow的指南，了解如何回答问题：https://stackoverflow.com/help - Ferie

@Ferie，实际上它帮助了我xD。尽管在组件的模块中导入了FormsModule，但我仍然遇到了此错误。重新启动应用程序消除了此错误。奇怪，但它有效。 - Symlis

@Symlis，我希望你认识到ng serve只是在本地运行应用程序：它本身并不能解决问题。你必须更改应用程序中的某些内容才能使构建正常工作。 - Ferie