json - 如何在屏幕上显示 JSON 表示而不是 [Object Object]

Question

我正在制作一个带有 beta 版本的 AngularJS 2 应用程序。我想在我的页面中显示一个对象的 JSON 表示，但它显示的是 [Object Object] 而不是 {key1:value1 ....}

来 self 可以使用的组件:

get example() {return JSON.stringify(this.myObject)};

然后在模板中:

{{example}}

但是如果我有一个对象数组并且想要打印这些对象的列表，我该怎么做呢？

使用:

<ul>
   <li *ngFor="#obj of myArray">{{obj}}</li>
</ul>

结果如下:

- [Object Object]- [Object Object]- [Object Object]- [Object Object]

等等。有没有办法将它们显示为 JSON？

Answer 1

如果您想查看您在 Web 应用程序中的对象中拥有的内容，请在组件 HTML 模板中使用 json 管道，例如:

<li *ngFor="let obj of myArray">{{obj | json}}</li>

使用 Angular 4.3.2 测试且有效。