angular.js-angular2의 루프에서 ngfor가 통과한 항목 요소를 다시 렌더링하는 방법은 무엇입니까?

Question

내가 얻은 데이터:

으아악

내 템플릿:

<p>

으아악

항목의 키를 순회하여 해당 값을 가져와 루프의 <td> 요소에 렌더링하고 싶습니다. 템플릿을 어떻게 작성해야 하나요?

...

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

으아악