我正在嘗試迭代一個在陣列中的物件，但是，我無法在前端顯示資料。
我嘗試了這種方法：
<div *ngFor="let item of event | keyvalue">
{{item.key}}:{{item.value}}
</div>
還有這個：
<div *ngFor="let item of events of event | json" >
測驗：{{item}}
</div>測驗：{{item}}
JSON資料的結構以這種格式給出。
[
[
{
"age"。"age3",
"gender": "gender3".
},
{
"年齡": "age3",
"gender": "gender3", "gender".
}
]
]
uj5u.com熱心網友回復：
它看起來像一個嵌套的陣列，嘗試使用多個ngFor:
<div *ngFor="let event of events"/span>>/span>
<div *ngFor="let item of event"/span>>
測驗：{{item | json}}。
</div>
</div>/span>
否則你可以嘗試使用Array.prototype.flat來平整嵌套陣列：
this。 flattened = this.events.flat()。
// ...
<div *ngFor="let item of flattened"/span>>
測驗：{{item | json}}。
</div>
uj5u.com熱心網友回復：
<ng-container>當你需要結構邏輯而不需要用無用的元素污染DOM時就可以了。
< ng-container *ngFor="let subArray of array"/span>> <! --這并不出現在DOM中 -->
<div *ngFor="let item of subArray"> <! -- 這出現在DOM中-->
{{item.key}}:{{item.value}}
</div>
</ng-container>/span>
uj5u.com熱心網友回復：
你也必須遍歷每個內部陣列，所以你需要一個嵌套的*ngFor。請確保在你的嵌套的*ngFor中參考正確的item陣列。
<div *ngFor = "let item of events"/span>>
<div *ngFor = "let x of item"/span>>
{{x.age}}:{{y.gender}}
</div>
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/334292.html
標籤：