Question

我有以下格式的JSON：

[
{Details: [{name: "WII", type:"Video Games", id:"lint"}]
]

但是在表的UI中，我想在第一列中首先显示ID，然后在其他列中显示

。

Answer 1

假设这是您的JS数据结构：

let list = [
  { Details: [{ name: "WII", type: "Video Games", id: "lint" }] }
];

然后在Angular组件模板中：

<table>
  <tr *ngFor="let item of list" >
    <td>{{item.Details[0].id}}</td>
    <td>{{item.Details[0].name}}</td>
    <td>{{item.Details[0].type}}</td>
  </tr>
</table>

当然，这不是理想的选择，但是为了给您一个更好的答案/解决方案，您应该提供更多的信息。

Answer 2

您可以使用Pipe获取键并将其反转。

import { PipeTransform, Pipe } from '@angular/core';

@Pipe({name: 'keys'})
export class KeysPipe implements PipeTransform {
  transform(value, args:string[]) : any {
    let keys = [];
    for (let key in value) {
      keys.push(key);
    }
    return keys.reverse();
  }
}

STACKBLITZ DEMO

如何在用户界面中首先显示JSON对象中的最后一个属性

2 个答案: