Как сделать так, чтобы компонент Angular Material Dialog оставался поверх других компонентов - PullRequest
0 голосов
/ 27 сентября 2018

Мое приложение настроено на использование вертикальной панели навигации в левой части экрана и домашнего компонента в <router-outlet> справа от него.Когда я открываю диалоговый компонент в домашнем компоненте, он скрывается панелью навигации, которая находится над диалоговым компонентом.Я хотел бы сохранить положение компонента диалога относительно всего экрана, а не только домашнего компонента в <router-outlet>.Панель навигации имеет CSS:

.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

Ответы [ 2 ]

0 голосов
/ 27 сентября 2018

Применение предварительно созданной темы к style.css решило проблему:

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

0 голосов
/ 27 сентября 2018

Мое предложение состоит в том, чтобы переместить компонент Dialog из розетки маршрутизатора и использовать службу, чтобы открыть и закрыть его.Таким образом, он всегда находится сверху.

Если вы не хотите этого делать, вам нужно использовать position:absolute в диалоговом окне ввода сверху.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...