我有一個這樣的物件：
myObject = {
'V-FR-TH1': [
{
version: '1.1',
objectId: '001',
modifiedNumbers: [
{ name: 'mod1', id: '0001m' },
{ name: 'mod2', id: '0002m' },
{ name: 'mod21', id: '00021m' },
],
},
],
'N-DE-HG4': [
{
version: '1.3',
objectId: '003',
modifiedNumbers: [
{ name: 'mod3', id: '0003m' },
{ name: 'mod3', id: '0003m' },
],
},
],
};
還有一個簡單的 html 來顯示這樣的表格：
當我嘗試迭代內部物件（嵌套的 modifiedNumbers 陣列）時，主要問題應該在這里
HTML代碼：
<div *ngFor="let item of myObject | keyvalue: mySortingFunction">
<div style="background-color:yellow">
{{ item.key }}
</div>
<table>
<td>id</td>
<td>name</td>
<tr *ngFor="let innerItem of item.value.modifiedNumbers">
<td>{{ innerItem.id }}</td>
<td>{{ innerItem.name }}</td>
</tr>
</table>
<br />
我真的不知道如何解決這個問題，這是我嘗試的沙盒鏈接： link here
它包含以下錯誤：
Property 'modifiedNumbers' does not exist on type '{ version: string; objectId: string;
modifiedNumbers: { name: string; id: string; }[]; }[]'.
uj5u.com熱心網友回復：
我希望下面的答案適合你。
讓 item.value[0].modifiedNumbers 的 innerItem
<div *ngFor="let item of myObject | keyvalue: mySortingFunction">
<div style="background-color:yellow">
{{ item.key }}
</div>
<table>
<td>id</td>
<td>name</td>
<tr *ngFor="let innerItem of item.value[0].modifiedNumbers ">
<td>{{ innerItem.id}}</td>
<td>{{ innerItem.name }}</td>
</tr>
</table>
<br />
</div>謝謝你。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/524784.html
上一篇：映射字串陣列并將它們分配給輸入
下一篇：CentOS6/7 配置守護行程