Angular2 несколько компонентов, используя один REST вызов

Question

Я часть приложения Angular2 (мы используем beta3), и вопрос заключается в следующем:

Обычно у нас есть компонент, который использует некоторые службы, использующие некоторый отдых вызов и компонент отображает данные. Отлично.

Однако у нас есть страница с более чем 6 компонентами, все из которых используют один и тот же вызов REST ... (бэкэнд возвращает данные для ВСЕХ из них), и нет смысла вызывать 6 раз REST для каждый компонент, также будет странно, если мы сделаем кеширование на стороне клиента.

Есть ли что-то доступное из коробки? Или шаблон для обработки такого случая?

Спасибо.

Answer 1

Просто сделайте это в общем сервисе. Если вы добавите его только в bootstrap(..., [OtherProviders, HTTP_PROVIDERS, MyService]), каждый компонент получит тот же экземпляр. Хранить данные в службе, и каждый компонент может получить к нему доступ

export class MyComponent { 
    constructor(private dataService:MyService) { 
    dataService.getData().subscribe(data => { this.data = data; }); 
    } 
} 

export class MyService { 
    getData() { 
    if(!this.data) { 
     return http.get(...).map(...).subscribe(data => { this.data = data;}); 
    } 
    return this.data; 
    } 
} 

Answer 2

The @ ответ Гюнтер действительно имеет смысл!

Я не знаю, что ваш код организован, но наблюдаемый также может быть подписан несколько раз. Для этого вам нужно, чтобы сделать их «горячей» с помощью оператора share:

export class MyService { 
    dataObservable:Observable; 

    initDataObservable() { 
    this.dataObservable = http.get(...).map(...).share(); 
    } 
} 

без использования оператора share, соответствующий запрос будет выполняться несколько раз (один за подписку).

Вы можете заметить, что запрос будет выполнен после вызова метода subscribe наблюдаемого.