如何将ngFor与对象数组的数组一起使用：angular 5

Question

我有这个类的结构：

 export class CarsData {
     public PrimaryCars: string[];
     public SecondaryCars: string[];

 }

 export class Cars {
     public CarsInfo: Array<CarsData>;
 }

我如何ngFor进入CarsInfo？ 我做了如下：

*ngFor="let car of CarsInfo"
   {{car.PrimaryCars}}
   {{car.SecondaryCars}}

Answer 1

根据您的数据，您没有嵌套的数组，它只是一个内部有两个数组的对象，因此您需要，

<div *ngFor="let car of CarsInfo">
    <div *ngFor="let primary of car.PrimaryCars">{{ primary }}</div>
    <div *ngFor="let secondary of car.SecondaryCars">{{ secondary  }}</div>
</div>

Answer 2

<div *ngFor="let car of CarsInfo">
    <div *ngFor="let p of car.PrimaryCars">{{ p }}</div>
    <div *ngFor="let s of car.SecondaryCars">{{ s }}</div>
</div>