使用键，值

Question

下面是我的.ts文件中的方法。使用此方法可以显示密钥，但是我无法获取嵌套的JSON数据。

generateArr(obj) {
return Object.keys(obj).map((key) => {
  console.log(key, obj[key]);
  return {key: key, value: obj[key]};
 });
}

下面是我的HTML代码。

<li *ngFor="let ob of books">
  <p *ngFor="let objArrEle of generateArr(ob);let i=index"> 
    {{objArrEle.key}}: {{objArrEle.value}} 
  </p>
</li>

请告诉我解决方法。

Answer 1

如果您尝试使用HTML中的插值{{}}来获取嵌套的JSON，它将显示[Object object]。如果还想显示嵌套的数据，则可能要递归地为每个嵌套的属性调用generateArr(obj)。如果您使用的是Angular 7，请查看KeyValuePipe。

使用stackblitz https://stackblitz.com/edit/angular-nestedjson为您创建了一个解决方案。您可以将JSON嵌套到任何级别。我对CSS不太满意，请随意更改。