Angular Nester ngFor，从父循环中获取价值？

Question

例如，我有一个使用嵌套 json 的嵌套 ngFor 循环

<mat-tab *ngFor="let car of cars">

    <car-component *ngFor="let model of car.models" [name]="model.name" [color]="model.color">
    </car-component>

</mat-tab>

数据可能在哪里

  {
    name: 'vw',
    models: [
     {name: 'beetle', color: 'red'}
     {name: 'jetta', color 'blue'
    ]
  },
  {
    name: 'bmw',
    models: [
     {name: 'x5', color: 'silver'}
     {name: 'm3', color 'blue'
    ]
  }

汽车组件显示汽车形象和公司标志。

我有组织我的制造商的图像，例如

vw--|
    |logo.png
    |jetta.png
    |beetle.png
bmw-|
    |logo.png
    |x5.png
    |m3.png

所以，我嵌套组件中的图像路径是/assets/images/{{manufacturer}}/{{name}}.png

所以我需要传递制造商，它在外部循环中作为name属性。

我可以在每个模型的 json 中重复制造商，但是有没有办法检索父ngFor迭代的name属性？

Answer 1

在 BMV 或 vw 的情况下，您可以在任何地方（嵌套） cars.name中访问它