angular - 如何返回一个空的 Observable 但继续流式传输

Question

我正在尝试创建一个函数：

 public get test(): Observable<Array<object>> {
   this.http.get<any>(`${environment.apiUrl}/api/home/`)
.subscribe((data: Observable<Object>) => {
  return data;  // actual data
});
return of([{}]);

想法是订阅此功能并在可用时获取实际数据。像这样的东西：

 this.dataSvc.test.subscribe(data => {
  this.data = data;
});

我得到了几次空数据，但从来没有真正的数据。但是，我到达了标记为“实际数据”的行。

知道我做错了什么吗？

谢谢

更新。我的 HTML：

h3><span class="badge badge-primary">{{data[name]}}: </span></h3>
h3><span class="badge badge-primary">{{data[dataid]}}</span>/h3>

Answer 1

试试这样

public get test(): Observable<Array<object>> {
  return this.http.get<Array<object>>(`${environment.apiUrl}/api/home/`);
}

 this.dataSvc.test.subscribe(data => {
  this.data = data;
});