angularjs – Angular UI Bootstrap Modal – 如何防止多个模态

发布时间：2020-12-17 09:03:25 所属栏目：安全来源：网络整理

导读：我已经实现了模态指令,并将$modal.open选项背景设置为false.但是,现在我可以触发多个模态打开.有一种方法可以防止触发按钮在一个模态打开后触发吗？ var accountSummaryCtrl = function ($scope,$modal,$log) { $scope.open = function () { var modalInstan

我已经实现了模态指令,并将$modal.open选项背景设置为false.但是,现在我可以触发多个模态打开.有一种方法可以防止触发按钮在一个模态打开后触发吗？

var accountSummaryCtrl = function ($scope,$modal,$log) {

    $scope.open = function () {

        var modalInstance = $modal.open({
            templateUrl: '/Apps/generic/modal/Templates/AccountSummary.html',controller: ModalInstanceCtrl,backdrop: false
        });

        modalInstance.result.then(function (selectedItem) {
            $scope.selected = selectedItem;
        },function () {
            $log.info('Modal dismissed at: ' + new Date());
        });
    };
};

谢谢

使用布尔标志来避免它：

var accountSummaryCtrl = function ($scope,$log) {

    var opened = false;

    $scope.open = function () {

        if (opened) return;

        var modalInstance = $modal.open({
            templateUrl: '/Apps/generic/modal/Templates/AccountSummary.html',backdrop: false
        });

        opened = true;

        modalInstance.result.then(function (selectedItem) {
            $scope.selected = selectedItem;
            opened = false;
        },function () {
            $log.info('Modal dismissed at: ' + new Date());
            opened = false;
        });
    };
};

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!