Angular Material Table not showing array data inside dataSource object

Question

Example of behavior:

Why am I unable to show the data with *ngFor? Is there any example in some docs on how to show the data and rowspan accordinly the other columns?

benshabatnoam · Accepted Answer · 2018-12-19 12:29:37Z

3

You are not using ngFor correctly. You don't need the index in your case. Change your code from:

<div *ngFor="let price of product.prices; let i = index;">        
    {{ price[i].price }}
</div>

To:

<div *ngFor="let price of product.prices">        
    {{ price.price }}
</div>

answered Dec 19, 2018 at 12:29

benshabatnoam

7,7403 gold badges37 silver badges55 bronze badges

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

1 Answer 1