在ng2-bootstrap的弹窗modal中再弹出另外一个弹窗,关闭子弹窗后,父弹窗会出现无法上下滚动的情况。
通过观察样式可知,关闭子弹窗前,父弹窗的body上是有modal-open样式的,关闭之后此样式被移除了。
所以我们试着在子弹窗关闭后给父弹窗的body加上modal-open样式,测试证明加上后是可以滚动的。
那么解决此问题的方案就有了,只需要在关闭子弹窗后给父窗体的body加上modal-open样式即可。
1.首选引入jquery插件
import "jquery-slimscroll";
2.在子弹窗hide后给父弹窗加上modal-open样式
hideChildModal():void{
this.childModal.hide();
$("body").parent().addClass("modal-open");
}