Angular JS。超时模态隐藏在已打开的模态背后

Question

我正在使用角度JS。

我遇到了超时模式的问题。如果在gui上，由于会话处于非活动状态，任何已打开的模态和超时模态都会出现，超时模态会隐藏在已打开的模态之后。这里需要帮助来了解如何在所有模态的顶部获得超时模态

Answer 1

我认为，根据你所说的，

  

超时模态隐藏在已打开的模态

之后

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

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

for inline：

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

您可以创建一个角度可自定义的模态弹出式指令，如果您希望您可以将角色方式设置为您的模态元素。

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

在您的范围内，您可以这样：

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

如果有必要澄清更多内容，请告诉我。