web-dev-qa-db-ja.com

「ng-model」は「mat-slide-toggle」の既知のプロパティではないため、バインドできません

_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 of _mat-slide-toggle_

公式の例 _mat-slide-toggle_と[(ngModel)]を組み合わせたもの

使用されているバージョン：Angular：5.2.4、Angular Material：5.2.0

angularangular-materialangular5angular-material-5
13
d4rty

ngModel住んでいるFormsModule/@angular/forms、それをAppModule（またはそれを使用しようとしているモジュール）にインポートします。

この質問も参照してください： ngModelを使用したAngular 2双方向バインディングが機能していません

14
Mezo Istvan

以下のように、対応するモジュールにFormsModuleを含めてみてください

@NgModule({
imports: [ BrowserModule, FormsModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
4
Derviş Kayımbaşıoğlu