Javascript 如何使用angular 2管道从get请求获取数据？

我不止一次尝试使用管道通过api请求获取数据。它返回object对象。你能帮我解决这些问题吗

import { Pipe, PipeTransform } from '@angular/core';
import { ApiService } from './api.service';

@Pipe({
  name: 'member'
})

export class MemberNamePipe implements PipeTransform {

  constructor(public apiService: ApiService) {}

  transform(value: any): any {
    if(value == undefined) return value; 
      return this.apiService.getMemberName(value).subscribe(
        data => {return data.data},
        err => {console.log(err)}
     )
  }
}

---

您可能想看看

AyncPipe

---

如果仍要使用普通管道，则应从服务器预加载数据并在管道内使用。

管道用于数据转换。使用管道返回与输入数据根本不同的数据是一种糟糕的体系结构设计。@Claies是正确的-管道用于转换现有数据。我认为您需要一个从ApiService加载数据的组件，然后使用管道转换该数据在组件模板中的显示方式。我需要使用*ngFor在表中显示数据。我想显示的不是成员Id，而是成员IdName@Abdulaziz，为此，您不需要管道。只需进行api调用并在模板中显示名称。你的反应如何？