获取数据需要两次订阅

Question

我问这个问题是为了学习。这是我的服务：

export class HomeService {
   private generalstatistics = new ReplaySubject<object>();
   constructor(
   private http: HttpClient
     ) {
    this.data();
  }
  public get generalStatistics(): Observable<object> {
    return this.generalstatistics.asObservable();
  }
  data() {
    this.http.get<any>(`${environment.apiUrl}/home/`)
    subscribe(data => {
    this.generalstatistics.next(data);
  });
 }
}

这是我的第一个订阅。然后在需要该数据的组件中的某个地方我有以下内容：

constructor(private dataSvc: HomeService) {
  this.getData();
}
getData() {
   this.dataSvc.generalStatistics
   .subscribe(data => {
   this.source = data;
 });
}

这是我的第二次订阅。那么仅出于学习目的，是否可以避免两次订阅？

谢谢

Answer 1

您不应该在服务内部进行订阅，而是在组件内部执行此操作。

例如：

data() {
    return this.http.get<any>(`${environment.apiUrl}/home/`)
});

并相应地在您需要的地方订阅它！​​

在组件内部，例如：

this.homeservice.data().subscribe(...)

如果这样做，您将降低复杂性并减少重复代码。

希望对你有帮助！