サービスでパイプ内の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) 
    ) 
    } 
} 

EDIT：

<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が返されます。また、あなたは実際に追加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()から何かを返す必要がtransformから取得し、結果の値をバインディングに使用します。