Как создать глобальный preloader для всех компонентов. Угловой 2

Question

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

Answer 1

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