Spinner возвращается в диалог

Question

Мы используем индикатор прогресса для каждого вызова API. И мы зарегистрировали спиннер на уровне модуля приложения. Когда мы хотим, чтобы в диалоге была прядильщик, прядильщик прячется за всплывающим окном.

Чтобы исправить это, мы добавляем тег spinner в каждый компонент HTML диалога. даже индекс z здесь тоже не работает. мы также пробовали вращающиеся матовые прядильщики и другие прядильщики, но безрезультатно.

Можем ли мы найти решение этой проблемы?

Answer 1

Я внес изменения в компонент, так как он должен динамически создавать и добавлять элемент body. Теперь эта проблема была решена.

const domElem = (this.componentRef.hostView as EmbeddedViewRef<any>)
            .rootNodes[0] as HTMLElement;

        document.body.appendChild(domElem);

Answer 2

Внутри демонстрации stackblitz спиннер никогда не активируется, потому что спиннер находится внутри index.html. Привязки не должны быть внутри index.html. Если stackblitz был в порядке и позже был каким-то образом поврежден, все, что я могу сказать, теперь SCSS и шаблоны компонентов выглядят отлично. Не могли бы вы убедиться, что ваш SCSS успешно скомпилирован в вашей локальной среде?