乗算ngFor角度2

Question

私はngForを持つ2つの引数を渡したいと思い、この

<mat-card *ngFor="let room of arr; let floor of floorArr"> 
    <mat-card-content> 
    <h3>Room Number: {{room}}</h3> 
    <p>Floor: {{floor}}</p> 
    </mat-card-content> 
</mat-card> 

のようなものは、あなたは私を助けてもらえ - である。このような何かをすることは可能でしょうか？これを書く正しい方法は何でしょうか？

Answer 1

あなたはインデックス参照を含めると、その経由でアレイにアクセスできます。

<mat-card *ngFor="let room of arr; let i = index"> 
    <mat-card-content> 
    <h3>Room Number: {{room}}</h3> 
    <p>Floor: {{floorArr[i]}}</p> 
    </mat-card-content> 
</mat-card> 

他のオプションを組み合わせた配列にこれをマッピングすることであり、そのようにのように反復する：あなたは必要

getArray(){ 
    return this.arr.map((a, i) => ({ room: a, floor: this.floorArr[i] })); 
}; 


<mat-card *ngFor="let obj of getArray()"> 
    <mat-card-content> 
    <h3>Room Number: {{obj .room}}</h3> 
    <p>Floor: {{obj.floor}}</p> 
    </mat-card-content> 
</mat-card>