Question

我在我的网络应用程序中使用角度2。我的应用程序使用了很多引导模式。我注意到子路径组件中包含的模态未正确显示。事实上，navbar元素中包含的模态（导航栏处于主状态并始终可见）正确显示，但子路径中包含的模式（因此html以dinamically方式加载）会出现错误...阴影似乎在对话框本身之上，因此无法按下按钮。

这是截图：

如您所见，背景位于对话框上方。这只发生在移动设备上。

我做错了什么？我会避免将所有模态保留在导航栏中，然后使用全局事件打开它们......

非常感谢

编辑：我发现了document：

如果模态容器或其父元素具有固定或相对位置，模态将无法正常显示。始终确保模态容器及其父元素没有任何特殊之处应用定位。最好的做法是只放置一个模态的HTML 在结束</body>标记之前，或者在顶级位置更好在打开<body>标记之后的文档中。这是最好的避免影响模态外观的其他组件的方法功能。

但这是我的模态的html（很多模态）总是在dom中。不是一个沉重的解决方案吗？

Answer 1

我使用以下javascript代码解决了问题：

$('#myModal').appendTo("body").modal('show');

感谢 Adam Albright 代表his post。

子路线

1 个答案: