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

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 部分使用这样的开关：

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

我组件中对应的属性：

showInnerView: boolean = false;

我做错了什么？

---

Documentation 共 mat-slide-toggle

Official example 共 mat-slide-toggle 连同 [(ngModel)]

---

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

Answer 1

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

又见这个问题：

Answer 2

请尝试将 FormsModule 包含在相应的模块中，如下所示

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

Answer 3

我遇到了同样的问题，在运行

之后

ng serve

已修复