Повторите HTTP -запрос ⇐ Javascript

[Anonymous]

У меня есть угловой сервис, который используется в угловой трубе. Работа этой услуги - выполнить HTTP -запрос и принести переводы. Идея состоит в том, чтобы иметь трубу, которая возвращает наблюдаемой, что только первый подписчик фактически запустит HTTP -запрос. И вот как происходит подписка: < /p>
{{( 'some_tag' | dynamicTranslation | async )}}
< /code>
Это труба: < /p>
@Pipe({ name: 'dynamicTranslation', standalone: true })
export class DynamicTranslationPipe implements PipeTransform {
constructor(private translationService: DynamicTranslationService) {}

transform(tag: string): Observable {
return this.translationService.getTranslations()
.pipe(
map((translations: object) => {
if (this.tagExistsInTranslations(translations, tag)) {
return translations[tag] as string;
}
return tag;
}),
catchError(() => {
return of(tag);
})
);
}

private tagExistsInTranslations(translations: object, tag: string): boolean {
return Object.prototype.hasOwnProperty.call(translations, tag);
}
}

< /code>
И это служба: < /p>
.
.
.

protected _translations$: Observable;
private readonly _refreshTranslations$ = new BehaviorSubject(undefined);

public getTranslations(): Observable {
if(this._translations$) {
return this._translations$;
}

this._translations$ = this._refreshTranslations$
.pipe(
tap(() => console.log('tap')),
switchMap(() => this.requestTranslations()),
shareReplay(1),
retry()
);

return this._translations$;
}

public refreshTranslations(): void {
this._refreshTranslations$.next();
}
< /code>
Так что независимо от того, сколько подписок происходит только один вызов HTTP, и это то, что было задумано. Но вызов это. Почему?

Подробнее здесь: https://stackoverflow.com/questions/795 ... tp-request