Question

使用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。

如何显示整个对象？

Answer 1

使用JSON Pipe。

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

Answer 2

您可以使用Angulars json pipe

<div> {{testobject | json }}</div>

Answer 3

试试这个：{{testobject | json }}

Answer 4

您也可以使用预标记格式化它：

<pre>{{testobject | json }}</pre>

在模板中显示整个对象

4 个答案: