Angular2, как создать глобальный сервис?

Question

[Volodya-NRG]

Как сделать: подтягиваю данные с сервера и планирую все эти данные хранить в том же самом сервисе, который и подтягивает данные. При этом данный сервис, с подтянутыми данными, хочу использовать в компонентах (в любом).

Как обращаться к этому сервису изнутри компонента?

Представьте себе: есть роут где показывается список элементов, в другом роуте возможность редактирования какого-то одного. И как было бы правильней использовать структуру, ведь постоянно подтягивать данные с сервера было бы не правильно. Один раз подгрузили и при необходимости только отсылаем на сервер в случае изменения.

Answer 1

[Coder321]

Создаете сервис, додаете его в providers главного модуля и инжектите к любой компонент

Comments

[Volodya-NRG]

import { HttpService } from './services/http.service';

@NgModule({
...
providers: [ HttpService ]
})
export class AppModule
{
}

Как увидеть этот сервис в компоненте? Надо ли в компоненте делать импорт данного сервиса? В конструкторе компонента прописывать ли данный сервис?

[Coder321]

конечно, импортируете его в компоненте и инжектите в конструкторе компонента.

[Volodya-NRG]

да, работает так. Значит суть была в том чтоб Сервис не вставлять в текущий компонент, а так как он был объявлен в главном компоненте (app), то поэтому он не перезаписывается, и поэтому сохраняет ранее измененные в нем значения.

[Coder321]

Если добавлять сервис в providers модуля то создается сервис сингелтон, если в providers компонента то каждый раз будет создаваться новый екземпляр.

[Volodya-NRG]

Coder321: да, правильно, логично

Answer 2

[Volodya-NRG]

https://youtu.be/nsA_50URfbk?list=PLC3y8-rFHvwg5gE...

Answer 3

[Абдулла Мурсалов]

ngrx/store