角度模态背景问题

Question

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

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

modal popup code is here

任何人请为此建议解决方案。

由于

Answer 1

如果您使用Angular UI Bootstrap modal，可以将backdrop设置为static（→存在背景，但在模态窗口外单击时不会关闭模态窗口）：< / p>

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

请参阅plunker。

Answer 2

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

• 背景属性 在你可以设置两个属性      backdrop ='static'           单击模型窗口外部，模型窗口将不会关闭，背景将变灰      backdrop ='false'           单击模型窗口外部，模型窗口将不会关闭，但背景将不会显示为灰色。      backdrop ='true'           单击外部窗口，模型窗口将关闭。

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