Идентифицировать идентификатор в трубе с услугой

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. Кроме того, необходимо, чтобы на самом деле вернуть что-то из 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 
     }); 
    ) 
    } 
} 

, то вы можете использовать трубу как

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

или

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

The async труба присоединяется к Observable возвращенного от transform и использует полученное значение для привязки.