서비스가있는 파이프에서 ID를 확인하십시오.

Question

파이프로 ID를 확인합니다.

나는 서비스/api를 매번 호출하는 것이 최선의 방법이라고 생각하지 않습니까?

전에 모든 국가를 저장하는 것이 더 좋습니까? 파이프 안에서 국가 이름을 어떻게 반환 할 수 있습니까?

서비스 :

getCountry(id:number) { 
    return this._http.get(this.apiUrl + "/country/" + id).map(res => res.json()); 
} 

파이프 :

export class ResolvePipe implements PipeTransform { 
    constructor(public _formDataService: FormDataService) {} 
    transform(value: number, args: any[]): any { 
    this._formDataService.getCountry(value).subscribe(
     data => console.log(data[0].name) 
    ) 
    } 
} 

편집 :

<tr (click)="showProfile(customer)" *ngFor="let customer of (customers | search:term)"> 
    <td>...</td><td>{{customer.country_id | resolve | async}}</td> 
</tr> 

Answer 1

먼저 당신이 Observable를 반환해야합니다. 전화 할 때 subscribe()Subscription가 반환됩니다. 또한 실제로 따라서 transform()에서 뭔가를 반환하는 데 필요한 return

export class ResolvePipe implements PipeTransform { 
    constructor(public _formDataService: FormDataService) {} 
    transform(value: number, args: any[]): any { 
    // added `return` and changed `subscribe` to `map` 
    return this._formDataService.getCountry(value).map(
     data => { 
     console.log(data[0].name); 
     return data; // with `{ }` explicit `return` is required 
     }); 
    ) 
    } 
} 

는 다음 반환 된 Observable에

<div>{{someId | myIdPipe | async}}</div> 

또는

같은

<some-comp [idProp]="someId | myIdPipe | async></some-comp> 

async 파이프 구독을 파이프를 사용할 수 있습니다 추가 transform에서 가져 와서 결과 값을 바인딩에 사용합니다.