Angular nester ngFor，从父循环获取值？

Question

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

<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

你可以在任何地方循环访问它（嵌套）cars.name 你的情况是 BMV 或 vw

Angular nester ngFor，从父循环获取值？

Angular nester ngFor, get value from parent loop?

javascript

angular

loops

ngfor