Spinner для каждого компонента углового материала

Question

Угловая таблица PrimeNG имеет свойство [loading] для отображения счетчика во время загрузки данных.Мне нужно реализовать это свойство для компонентов материала, не только для таблиц, но и для других компонентов, например, для форм ввода.Я новичок в Angular.Просто хотелось бы знать, как создать спиннер для конкретного div, а не для всей страницы.

Answer 1

Лучше в таких сценариях создать один отдельный общий компонент, скажем, LoaderComponent и поместить где-нибудь на корневом уровне, например, app.component.html.

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

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

Answer 2

Я использовал пакет ngx-loading.Имеет необходимый функционал.https://www.npmjs.com/package/ngx-loading

Answer 3

создать пользовательский загрузчик с классом и HTML, вы можете скрыть другой элемент, пока эти данные не загружены.