bootstrap modal打开之后，按浏览器回退按钮，虽然页面回退，但是modal的遮罩依然在

如题，此时按浏览器的回退<-按钮，画面回退，但是保护罩依然存在

此时，我们需要抓取回退事件。

方法一

constructor(

private $location: PlatformLocation,

) {

$location.onPopState(() => {

// $('#areaModalBtn').click();

})

}其中areaModalBtn'按钮就是modal中data-miss的按钮，也是modal画面中最右上角的×按钮。将上述代码放到每个modal页面的构造器中即可。

方法二

因为有很多modal也可以采用方法二

window.onpopstate = function () {

// 此处进行你想要的操作 $("body").removeClass("modal-open")

$(".modal-backdrop").remove()

}

方法二参考https://www.jianshu.com/p/e926d85b9267

如有有不能操控页面body的小童鞋可以使用方法一，比如说我！