How I can fetch data from get request using angular 2 pipe?

Question

I tried more than one time to get data through api request using pipe. It return object object. Could you please help me to solve these problem.

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)}
     )
  }
}

Answer 1

You might want to take a look at AyncPipe https://angular.io/docs/ts/latest/api/common/index/AsyncPipe-pipe.html

If you still want to use normal pipe then you should pre-load the data from server and use it inside your pipe.