web-dev-qa-db-de.com

Kann nicht an 'ngModel' binden, da es keine bekannte Eigenschaft von 'mat-slide-toggle' ist

Ich versuche, den aktuellen Wert eines mat-slide-toggle zu erhalten, aber leider bekomme ich eine Fehlermeldung:

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

Ich verwende den Toggle so im HTML-Teil meiner Komponente:

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

Entsprechende Eigenschaft in meiner Komponente:

showInnerView: boolean = false;

Was mache ich falsch?


Dokumentation von mat-slide-toggle

Offizielles Beispiel von mat-slide-toggle zusammen mit [(ngModel)]


Verwendete Versionen: Angular: 5.2.4, Angular Material: 5.2.0

7
d4rty

ngModel lebt in FormsModule von @angular/forms, importieren Sie das also in Ihre AppModule (oder in welches Modul Sie es verwenden möchten).

Siehe auch diese Frage: Angular 2 Zweiwege-Bindung mit ngModel funktioniert nicht

11
Mezo Istvan

Bitte versuchen Sie, FormsModule in Ihr entsprechendes Modul aufzunehmen (siehe unten)

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