javascript - Varför fungerar inte ngModel på den senaste versionen av Angular 17?

Jag försöker skapa ett formulär i min Angular-app, men när jag vill implementera ngModel på mitt formulär:

    <form (ngSubmit)="onSignUp()" #signupForm="ngForm">
        <h1>Connexion</h1>
        <input type="email" name="mail" [(ngModel)]="userLogin.email" placeholder="Email" />
        <input type="password" name="mdp" [(ngModel)]="userLogin.password" placeholder="Password" />
        <a href="#">Mot de passe oublie ?</a>
        <button type="submit">Se Connecter</button>
    </form>

Jag har det här felet :

NG8002: Kan inte binda till 'ngModel' eftersom det inte är en känd egenskap hos 'input'. [plugin angular-compiler]

Jag kan inte importera FormsModule i app.module.ts eftersom den här filen inte finns i Angular 17, jag har bara en app.config.ts-fil.

Kan någon snälla förklara för mig hur man gör?

Svar #1

Om din komponent är inställd med standalone: true, måste du lägga till FormsModule i komponentens imports-array!

Eftersom det är fristående, behöver vi lägga till alla nödvändiga beroenden i imports-arrayen!

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

Relaterade artiklar