<tbody>
<tr *ngFor="let employee of employees">
<td>{{ employee.firstName }}</td>
<td>{{ employee.lastName }}</td>
<td>{{ employee.emailId }}</td>
</tr>
</tbody>
im using ngfor But Error sshowing like No directive is matched on attribute ngFor
Please import CommonModule inside your custom module. After that include it inside the imports array.
import {CommonModule} from '@angular/common';
imports: [
CommonModule
]
import {NgForOf} from "@angular/common";
in your component.ts file, works for Angular 17
You need import CommonModule into your module, or component if you are using v14 standalone components. Share a stackblitz example of the error to better understand.
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import {CommonModule} from '@angular/common'; import { AppComponent } from './app.component'; import { EmployeeListComponent } from './employee-list/employee-list.component'; import {HttpClientModule} from "@angular/common/http"; @NgModule({ declarations: [ AppComponent, EmployeeListComponent ], imports: [ CommonModule, BrowserModule, HttpClientModule, ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } I found the problem. After importing CommonModule If it doesn't work after doing that, then check the CORS policy. Give Access to Access-Control-Allow-Origin.
Access-Control-Allow-Origin: *
Access-Control-Allow-Origin: http://example.com:8080
For me I found a hidden .idea folder (contains IntelliJ's project specific settings files, other code editors might have different folder names) inside my project, and once I deleted that, the warnings disappeared.