How can I use ngFor with complex data structures in Angular?

How can I use ngFor with complex data structures in Angular?

You can use ngFor to iterate over complex data structures like arrays of objects. Just ensure you access the properties correctly.

Can you give me an example of using ngFor with an array of objects?

Sure! If you have an array of objects like [{name: 'John'}, {name: 'Jane'}], you can use ngFor like this: <div *ngFor='let person of people'>{{ person.name }}</div>.

What if I want to display nested properties?

You can access nested properties using dot notation. For example, if your object is {user: {name: 'John'}}, you would use {{ person.user.name }}.

Are there any performance considerations when using ngFor?

Yes, for large lists, consider using trackBy to optimize rendering. It helps Angular identify which items have changed.