无法绑定到'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;

我做错了什么？

---

文件的mat-slide-toggle

官方例子的mat-slide-toggle一起[(ngModel)]

---

使用版本:Angular:5.2.4,Angular材料:5.2.0

Answer 1

ngModel生活FormsModule的@angular/forms,所以导入到你的AppModule(或任何模块您要使用它).

另请参阅此问题:使用ngModel的Angular 2双向绑定不起作用

Answer 2

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

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