Recibía el mismo error, puede solucionarlo mediante uno de estos métodos:
Si no tiene ningún módulo anidado
a. Importa CommonModule en tu módulo de aplicación
si. Importe su componente donde está agregando * ngFor en el módulo de la aplicación , defina en declaraciones
// 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 está utilizando el archivo de módulo separado para el enrutamiento, entonces importe el CommonModule en su módulo de enrutamiento o, de lo contrario, importe el CommonModule en el módulo de su aplicación
// 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 tiene un módulo anidado, realice el primer paso en ese módulo en particular
En mi caso, el segundo método resolvió mi problema.
Espero que esto te ayudará
ngfor
da el error que mencionó. Debería serngFor