Question

我在角度js应用程序中使用bootstrap模式，并且如果条件为真，则推迟关闭模态窗口。我似乎无法让这个工作。我的$ scope.close（）函数有一个函数，但这是关于单击bootstrap背景时的默认dismiss（）行为。

$modalInstance.result.catch ((event)->
    if event == 'backdrop click'
        console.log 'check condition and cancel dismiss'
    return
), (event) ->
    return

Answer 1

有一个'backdrop'选项可以设置为true（默认），false或'static'（存在但不关闭模态）。您可以将范围变量作为该选项的值：

$scope.backdropOption = true; //or false or 'static'
$scope.open = function (size) {

  var modalInstance = $uibModal.open({
    templateUrl: 'myModalContent.html',
    controller: 'ModalInstanceCtrl',
    backdrop: $scope.backdropOption,
  });

  modalInstance.result.then(function () {
    ...
  }, function () {
    ...
  });
};

使用angularjs中的$ modalInstance拒绝关闭事件

1 个答案: