angularjs - 角度模态背景问题

Question

我正在使用angular-bootstrap模态，但我对模态背景有疑问。我是新手angular-bootstrap，希望有人能帮助我。

当我单击模态背景时，它会隐藏模式弹出窗口，但我想保留模态背景直到单击取消。

模态弹出代码在这里

任何人请为此提出解决方案。

谢谢

Answer 1

如果您使用 Angular UI Bootstrap模态，您可以设置backdrop为static（→ 背景存在，但在模态窗口外部单击时模态窗口未关闭）：

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  backdrop: 'static',
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});

见plunker。

Answer 2

每个模型窗口中都有主要的两个属性背景和键盘。

• 背景属性 在您可以设置两个属性背景='静态'在模型窗口之外单击，模型窗口不会关闭，背景将变灰。
  background = 'false' 在模型窗口外点击，模型窗口不会关闭，但背景不会变灰。background = 'true' 点击外部窗口，模型窗口将被关闭。

• 键盘属性 keyboard = 'false' 通过按esc 键模型窗口不会被关闭。
  keyboard = 'true' 通过按 esc 键模型窗口将被关闭。