Angular2 привязывает компоненты к конечной точке API

Question

Я создаю приложение Angular2, и я также создаю страницы, используя вложенные компоненты.

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

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

Однако я хотел бы знать две вещи: - Могу ли я привязать компонент к данной конечной точке API и обновить этот компонент, отображаемую информацию (путем запроса запроса к конечной точке) в зависимости от того, что установлено на фильтре? - Как заставить все мои компоненты на странице зависеть от фильтра, если они не связаны напрямую с конечной точкой API?

С наилучшими пожеланиями.

Answer 1

Вы должны создать услугу Injectable(), которую вы можете получить от всех ваших компонентов.

Вы объявляете сервис, аннотируя класс с помощью функции @Injectable(). Затем добавьте этот класс в массив поставщиков вашего модуля приложения, который сделает его доступным для всего мира для всех компонентов, действуя как однопользовательский сервис. Наконец, добавьте службу в свои компоненты, используя конструктор класса компонента, и теперь у вас есть центральный объект, где ваши компоненты результатов фильтрации могут считывать состояние настроек фильтра.

Подробнее об услугах здесь: https://angular.io/docs/ts/latest/tutorial/toh-pt4.html