Angularjs 第二次打开模式时，模式背景遮罩不会出现

我使用的是角度引导模式。该模式在模式正文中有角度数据表，在模式页脚中有关闭按钮。我面临的问题是，一旦我单击关闭按钮，该模式确实会消失，但屏幕仍然灰显且无法访问。因此，我包含了以下代码

 $('#modal-id').modal('hide');
            $('body').removeClass('modal-open');
            $('.modal-backdrop').remove();

添加此项后，当我第一次打开并关闭模式时，模式和背景工作正常，但当我下次打开模式时，灰色背景不会出现。 任何见解都值得赞赏

我的控制器是：

$scope.modalPop = function(){
        $scope.modalOverlay = $modal.open({
            templateUrl: 'url',
            scope: $scope,
            animation: false,
            windowClass: 'overlay-lg'
        });
    };

$scope.modalClose = function() {
        $scope.modalOverlay .close();
        $('#modal-id').modal('hide');
        $('body').removeClass('modal-open');
        $('.modal-backdrop').remove();
    }

---

其中modalClose是modal footer中的ng click for close按钮上的函数。

我在过去几天中也遇到过类似的情况。你能创造一个plunkr来炫耀这个问题吗。考虑在控制器中避免DOM操作。更多说明：从控制器执行DOM操作是一种糟糕的模式。不要这样做&为什么要删除

模态背景幕
？PankajParkar我这样做是因为最初点击关闭按钮时灰色背景不会消失。@user2138675这很酷，请添加这一点作为回答，我在过去几天里也有类似的情况。你能创造一个plunkr来炫耀这个问题吗。考虑在控制器中避免DOM操作。更多说明：从控制器执行DOM操作是一种糟糕的模式。不要这样做&为什么要删除<代码>模态背景？PankajParkar我做了修复，因为最初灰色背景不会在单击“关闭”按钮时消失。@user2138675这很酷，请添加该选项作为答案