如何显示对象中未知属性的 HTML 中的值？

Question

我有一个对象数组（formResponses）。我的对象结构如下图所示。在下图中，我有 userResponses 对象，其中我有动态加载的键和值。我想在我的 HTML 中显示 userResponses 对象。我怎样才能做到这一点？ userResponses 对象中的所有键和值每次都以不同的方式加载。

我知道我可以这样显示：

<p>{{userResponses.firstName}}</p>
<p>{{userResponses.lastName}}</p>

但是，我不知道每次加载的值是什么。有没有办法显示对象中的任何值。

<table>
        <thead>
            <th>Name/Attributes</th>
            <th>arrtibute1</th>
            <th>attribute2</th>
        </thead>
        <tbody>
            <tr *ngFor="let item of formResponses">
                <td>{{item.userName}}</td>
                <td>{{item.userResponses.firstName}}</td>
                <td>{{item.userResponses.lastName}}</td>
            </tr>
        </tbody>
    </table>

Answer 1

创建一个管道来循环 json 个键。

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'keys' })
export class KeysPipe implements PipeTransform {
  transform(value): any {
    if(!value) return null;
    return Object.keys(value);
  }
}

<td *ngFor="let key of item.userResponses | keys">{{item.userResponses[key]}}</td>

如何显示对象中未知属性的 HTML 中的值？

How can I display the values in HTML for unknown properties in a object?

html

angular

object

ngfor