Stavo ricevendo lo stesso errore, puoi correggere tramite uno di questo metodo:
Se non hai alcun modulo nidificato
un. Importa CommonModule nel modulo dell'app
b. Importa il tuo componente in cui stai aggiungendo * ngFor nel modulo App , definisci nelle dichiarazioni
// 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. Se stai utilizzando il file del modulo separato per il routing, importa il CommonModule nel tuo modulo di routing, altrimenti importa il CommonModule nel modulo dell'app
// 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]
})
- Se hai un modulo nidificato, esegui il primo passaggio in quel particolare modulo
Nel mio caso, il secondo metodo ha risolto il mio problema.
Spero che questo ti possa aiutare
ngfor
dà l'errore che hai menzionato. Dovrebbe esserengFor