Angular Error in Console of the web browser

Question

working with Angular app with Laravel api. I have following html file as well,

<tbody>
        <tr *ngFor="let emp of employees">
            <th scope="row">{{emp.id}}</th>
            <td>{{emp.name}}</td>
            <td>{{emp.email}}</td>
            <td>{{emp.salary}}</td>

            
        </tr>
    </tbody>

but I cant display my table data according to the html. and console generate following error message core.js:10105 NG0303: Can't bind to 'ngForOf' since it isn't a known property of 'tr'.

how could I fix this problem?

user7151805 · Accepted Answer · 2022-01-19 05:55:16Z

1

Make sure that you are importing the @angular/common module into your feature module. i.e. import { CommonModule } from '@angular/common'; then list the common module in the imports array

@NgModule({ imports:[ CommonModule ]...})

answered Jan 19, 2022 at 5:55

user7151805

Sign up to request clarification or add additional context in comments.

3 Comments

Narakaya Over a year ago

may I import this module in app.module.ts file?

user7151805 Over a year ago

Yes, but see more information about sharing modules here Sharing NgModules. Also, another important consideration is that Angular performs tree-shaking to remove unused source code and reduces the overall size of the application bundles so that the browser loads the application faster.

Philipp Meissner Over a year ago

@KibéM.C - That would be just wrong. ebduhon gave the correct answer.

Collectives™ on Stack Overflow

Angular Error in Console of the web browser

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related