angular.js - angular2 のループで ngfor によってトラバースされる item 要素を再レンダリングするにはどうすればよいですか?

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

最初は template 部分です:

リーリー

以下は Component の論理部分です:🎜 リーリー 🎜この方法は間違いなく効果がありますので、試してみてご自身の目で確認してください🎜

Answer 2

keys.pipe.ts

リーリー

app.component.ts

リーリー