如何將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>