web-dev-qa-db-fra.com

Impossible de se lier à 'ngModel' car ce n'est pas une propriété connue de 'mat-slide-toggle'

J'essaie d'obtenir la valeur actuelle d'un mat-slide-toggle mais malheureusement, j'aurai une erreur:

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

J'utilise la bascule comme ceci dans la partie html de mon composant:

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

Propriété correspondante dans mon composant:

showInnerView: boolean = false;

Qu'est ce que je fais mal?

Documentation of mat-slide-toggle

Exemple officiel de mat-slide-toggle avec [(ngModel)]

Versions utilisées: Angular: 5.2.4, Angular Material: 5.2.0

angularangular-materialangular5angular-material-5
7
d4rty

ngModel habite dans FormsModule of @angular/forms, importez-le donc dans votre AppModule (ou selon le module que vous essayez d'utiliser).

Voir aussi cette question: Angular 2 La liaison bidirectionnelle à l'aide de ngModel ne fonctionne pas

11
Mezo Istvan

S'il vous plaît essayez d'inclure FormsModule dans votre module correspondant comme ci-dessous

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