J'obtenais la même erreur, vous pouvez corriger via l'une de ces méthodes:
Si vous n'avez aucun module imbriqué
une. Importez le CommonModule dans votre module d'application
b. Importez votre composant là où vous ajoutez le * ngFor dans le module d'application , définissez-le dans les déclarations
// file App.modules.ts
@NgModule({
declarations: [
LoginComponent // declarations of your component
],
imports: [
BrowserModule
DemoMaterialModule,
FormsModule,
HttpClientModule,
ReactiveFormsModule,
AppRoutingModule,
BrowserAnimationsModule,
ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production })
],
providers: [
ApiService,
CookieService,
{
provide: HTTP_INTERCEPTORS,
useClass: ApiInterceptor,
multi: true
}
],
bootstrap: [AppComponent]
})
c. Si vous utilisez le fichier de module séparé pour le routage, importez le CommonModule dans votre module de routage sinon Importez le CommonModule dans votre module d'application
// file app.routing.modules.ts
import { LoginComponent } from './login/login.component';
import { CommonModule } from "@angular/common";
const routes: Routes = [
{ path: '', component: LoginComponent },
{ path: 'login', component: LoginComponent }
];
@NgModule({
imports: [RouterModule,RouterModule.forRoot(routes), CommonModule],
exports: [RouterModule]
})
- Si vous avez un module imbriqué, effectuez la 1ère étape dans ce module particulier
Dans mon cas, la 2ème méthode a résolu mon problème.
J'espère que ceci vous aidera
ngfor
donne l'erreur que vous avez mentionnée. Devrait êtrengFor