javascript - 显示模板中的整个对象

我正在尝试使用Angular 5显示对象的所有属性。

具有以下对象的集合：

testobjects = [
    {"customer": "Me", "ID": "1"},
    {"customer": "You", "ID": "2"},
    {"customer": "Him", "ID": "3"},
    {"customer": "Her", "ID": "4"}
];

和HTML：

  <div *ngFor="let testobject of testobjects">
    <span>{{testobject}}</span>
    <span>{{testobject.customer}}</span>
  </div>

我可以在模板中获得testobject.customer，但不能获得testobject。

如何显示整个对象？

最佳答案

使用JSON Pipe。

<div *ngFor="let testobject of testobjects">
<span>{{testobject | json}}</span>
<span>{{testobject.customer}}</span>
</div>

关于javascript - 显示模板中的整个对象，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48992362/