PrimeNG Datatable с расширением строки вызывает новую услугу и отображает данные подряд Angular 5

Question

Я пытаюсь добавить дополнительный массив объекта в расширяемую строку PrimeNG, но я немного новичок в PrimeNG, поэтому не уверен, что делать с этой проблемой.

Желаемое поведение:

В основном я хотел бы вызвать дополнительный сервис по щелчку строки и получить новый массив объектов и отобразить дополнительные детали в расширяемой строке.

, например:

щелчок первой строки должен вызвать службу, чтобы получить имя и фамилию первого владельца автомобиля и отобразить данные в расширяемой строке.

Я попытался выполнить stackblitz

Answer 1

Ваша структура данных между вашим автомобилем и вашим владельцем должна быть связана в одном объекте для оптимизации.

Вы можете получить информацию о владельце, отфильтровав свойство vin :

this.carownerData.filter(c => c.vin == car.vin)[0]

В любом случае, поскольку в своем шаблоне вы определили let-carownerData, вам следует позвонить showCar(carownerData) вместо showCar(car).

См. Работу Stackblitz