對象我有對象:* ngFor模板離子2
messages = [{
'One' : [
{'id' : 1},
{'id' : 2},
],
'Two' : [
{'id' : 1},
{'id' : 2},
]
}] ;
我曾嘗試下面的代碼,但我以前不運行,請告訴我,我做錯了。
<div *ngFor="let message of messages">
<div>KEY</div>
<div *ngFor="let value of message">VALUE</div>
</div>
在代碼我需要顯示的鍵和值
我的解決辦法
在組分:
this.messages = data['messages'] ;
this.keys = Object.keys(data['messages']);
鑑於:
<div *ngFor="let key of keys">
<div>{{key}}</div>
<div *ngFor="let message of messages[key]">{{message['id']}}</div>
</div>
NgFor僅支持綁定到Iterables這樣的s陣列 – Hareesh