无法绑定到' ngModel'因为它不是“滑动 - 切换”的已知属性。

时间:2018-02-11 20:03:06

标签: angular angular-material angular5 angular-material-5

我正在尝试获取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

Documentation <{1}} mat-slide-toggle以及[(ngModel)]

Official example

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

3 个答案:

答案 0 :(得分:14)

ngModel位于FormsModule的{​​{1}},因此请将其导入@angular/forms(或您尝试使用的模块)。

另请参阅此问题:Angular 2 two way binding using ngModel is not working

答案 1 :(得分:2)

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

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

答案 2 :(得分:-1)

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

ng serve

已修复