角度JS.超时模态隐藏在已打开的模态后面

Angular JS. Timeout modal hides behind the already opened modal

本文关键字：模态 JS 超时 隐藏 角度      更新时间：2023-09-26

我正在使用角度JS。

我有一个超时模式的问题。如果在 gui 上，任何模式已经打开，并且超时模式由于会话不活动而出现，则超时模式隐藏在已打开的模式后面。在这里需要有关如何在所有模态顶部获得超时模式的帮助

我假设，根据你所说的，

超时模式隐藏在已打开的模式后面

这是一个 CSS 问题。您可以增加超时模态的模态元素的z-index值。这是应用z-index的示例 css 规则。

#timeout-modal.modal-popup {
   z-index: 999;
}

对于内联：

<div style="z-index:999;">[MODAL CONTENT]</div>

如果需要，可以在角度中创建可自定义的模态弹出指令，也可以像这样设置模态元素的样式。

<div ng-style="timeoutZIndex">...</div>

在您的范围内，您可以像这样拥有它：

$scope.timeoutZIndex = {
   'z-index': 999
}

让我知道是否需要进一步澄清。

相关文章：