angular.js - angular2中如何对ngfor的遍历的项目元素再进行循环渲染?

Question

我拿到的数据:

    var items=[
        { "version": "1", "theme": "Windstorm" ,"age":20},
        { "version": "2", "theme": "Bombasto","age":21},
        { "version": "3", "theme": "Magneta" ,"age":22},
        { "version": "4", "theme": "Tornado" ,"age":23}
    ];
    
    

我的template:

<p>

<p>
      <tr *ngFor="let item of items">
        <td *ngFor="怎么写">怎么写</td>
      </tr>
</p>
</p>

我想对item里的key再进行遍历,拿到对应的value循环渲染到<td>元素中.我的template该怎么写?

...

Answer 1

ng2 이것은 저를 매우 불행하게 만듭니다. 자연스럽게 Object를 순회할 수 없습니다. 우리는 여러분을 혼란스럽게 하지 않기 위해 가장 간단한 방법을 사용합니다. ,ng2这点让我非常不爽，居然不能天然遍历Object，我们只能自己写了，为了不让你困惑，我用最简单的方式来玩，

首先是template部分：

<tr *ngFor="let item of items">
    <td *ngFor="let key of getKeys(item)">
        {{ key }} = {{ item[key]  }}
    </td>
</tr>

下面是Component

첫 번째는 템플릿 부분입니다:

으아악

다음은 Component의 논리적 부분입니다:🎜 으아악 🎜이 방법은 확실히 효과가 있습니다. 직접 시도해보고 확인해 보세요🎜

Answer 2

keys.pipe.ts

으아악

app.comComponent.ts

으아악