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. For example, if you have an array of users, you can display their names and other properties.

Can you show me a code example?

Sure! Here's a simple example:

<div *ngFor="let user of users">
  <h2>{{ user.name }}</h2>
  <p>{{ user.email }}</p>
</div>

What if I want to display nested properties?

You can access nested properties using dot notation. For instance, if each user has an address object, you can do:

<p>{{ user.address.city }}</p>

Are there any performance considerations with ngFor?

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