html - 具有行扩展的 PrimeNG 数据表调用新服务并连续显示数据 Angular 5

Question

我正在尝试将额外的对象数组添加到 PrimeNG 可扩展行，但我是 PrimeNG 的新手，所以不确定从哪里着手解决这个问题。

期望的行为:

基本上，我想调用该行的额外服务 onclick，并希望获取新的对象数组并在可扩展行中显示额外的详细信息。

例如:

点击第一行应触发服务以获取第一位车主的姓名并在可扩展行中显示数据。

我试过关注 stackblitz

Answer 1

您的汽车和车主之间的数据结构应链接到单个对象中以进行优化。

您可以通过 vin 属性过滤来检索所有者信息:

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

无论如何，因为在您的模板中，您定义了 let-carownerData，所以您应该调用 showCar(carownerData) 而不是 showCar(car) .

查看工作 Stackblitz