Angular Material Table не показывает данные массива внутри объекта dataSource

Question

Пример поведения:

https://stackblitz.com/edit/angular-ctyf9w

Почему я не могу показать данные с * ngFor?Есть ли в некоторых документах пример того, как показывать данные и разбирать строки в соответствии с другими столбцами?

Answer 1

Вы неправильно используете ngFor.Вам не нужен индекс в вашем случае.Измените свой код с:

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

На:

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

Вот ваш рабочий разветвленный проект