0
votes

Ngmodel n'est pas la propriété de l'entrée

J'ai un problème avec NgModel, cela ne fonctionne pas lorsque je veux enregistrer des données à partir de l'entrée.

imports: [
BrowserModule,
AppRoutingModule,
HttpClientModule,
MatMenuModule,
MatIconModule,
MatToolbarModule,
MatButtonModule,
MatTableModule,
MatFormFieldModule,
MatInputModule,
BrowserAnimationsModule,
MatSelectModule,
MatCardModule,
NoopAnimationsModule,
FormsModule,
ReactiveFormsModule
]

<mat-form-field class="example-full-width">
    <input
      matInput
      placeholder="Account number"
      value="{{ account.number }}"
      [(NgModel)]="newAccountNumber"
    />
     </mat-form-field>

J'ai déjà cherché une solution, mais la seule chose que j'ai trouvée était d'inporter FormsModule et MatInputModule et j'ai ces entrées.

Uncaught Error: Template parse errors:
Can't bind to 'NgModel' since it isn't a known property of 'input'. ("
      placeholder="Account number"
      value="{{ account.number }}"
      [ERROR ->][(NgModel)]="newAccountNumber"
    />
  </mat-form-field>

Que dois-je faire pour enregistrer correctement les données de l'entrée?

angular input

5 commentaires

FormsModule où vous ajoutez?

stackoverflow.com/questions/38892771/...

@PatrykPanek a raison

Merci! @PatrykPanek! c'était vraiment une erreur stupide ...

@PatrykPanek je vous suggère de poster dans cette question. Si vous répondez, je le supprimerai.

3 Réponses :

0
votes

Vous devez importer FormsModule dans app.module ou dans le module où votre composant est déclaré.

import {FormsModule} depuis '@ angular / forms'; code >

@NgModule({
  imports: [
    FormsModule,
    ...
  ],
  declarations: [
  ...
  ]
})

0 commentaires

0
votes

Essayez-le:

Essayez ngModel au lieu de NgModel

<mat-form-field class="example-full-width">
    <input
      matInput
      placeholder="Account number"
      value="{{ account.number }}"
      [(ngModel)]="newAccountNumber"
    />
     </mat-form-field>

0 commentaires

1
votes

Essayez d'utiliser [(ngModel)] au lieu de [(NgModel)] . La directive modèle doit commencer par des minuscules

Pour plus d'informations, consultez la documentation Angular https://angular.io/api/forms/ NgModel

0 commentaires