如何从服务中返回observable

Question

我的服务代码在控制台中打印observable，但是如何将observable返回到组件

服务代码：

const visit$ =  this.db.object('visitordetails/'+$key);
this.item = visit$.subscribe((result) => console.log(result)) as Object;

Answer 1

如果您希望组件使用observable，则必须从服务返回它并在组件中订阅它：

<强> service.ts

get() {
  return this.db.object('visitordetails/'+$key); 
}

<强> component.ts

item: any;
ngOnInit() {
  this.service.get().subscribe(item => {
    console.log(item);
  });
}

<强> component.html

<div>{{item}}</div>
OR
<div>{{item.property}}</div>

Answer 2

只是不要在服务中订阅。

return this.db.object('visitordetails/'+$key)