Question

我在我的angularfire2应用程序中通过url传递id并在onInit方法中收集它

console.log完美地显示了我想要的对象，但我无法使用ngOnInit() { // subscribe to router event this.activatedRoute.params.subscribe((params: Params) => { this.groupId = params['groupId']; // grab specific group this.group = this.af.database.object('/groups/'+this.groupId); this.group.subscribe(console.log); }); }将其显示为HTML，而是显示字符串{{group.data}}。

我使用列表observable得到相同的结果但是在控制台日志中我获得了一堆我想要的数据而不是1个对象，所以如果可能的话，对象会更好。

我需要做些什么才能显示数据？

Answer 1

根据您提供的代码段，group看起来像是Observable，因此您可以在模板中async管道，如下所示，

<div>
   {{group | async}}
</div>

Answer 2

console.log(JSON.stringify(yourObject));

或者如果你想记录RXJS流中被忽略的内容..

this.activatedRoute.params.do(x => console.log(x)).subscribe

如果在HTML中你想要显示一个想要使用JSON管道的对象..

而不是..

{{ yourObject }}

你想要......

{{ yourObject | json }}

如果要输出列表..

<ul>
    <li *ngFor="let item in list">
        {{ item | json }}
    </li>
</ul>

如何显示对象的可观察数据

2 个答案: