Как создать глобальный предварительный загрузчик для всех компонентов. Angular 2

Question

Мне нужно создать компонент, который добавит preloader (изображение с полупрозрачным фоном) ко всем компонентам, которые загружают или извлекают данные из службы. На странице есть несколько маршрутизируемых блоков. И мне нужно показать preloader над блоком, который работает в данный момент. С какими событиями я должен справиться? И как сделать его глобальным? Спасибо.

Answer 1

Я думаю, вы могли бы начать с создания пользовательской директивы для, например, <my-loader></my-loader>, и в этом компоненте вы можете добавить свой предварительный загрузчик, изображения и т. Д., А затем просто добавив его в любой вид вашего компонента, включив его в directive[]. Надеюсь, это ответит, поскольку сам вопрос довольно абстрактен, некоторые фрагменты определенно помогут.