Angularモーダル背景の問題

Question

angular-bootstrapモーダルを使用していますが、モーダル背景に問題があります。私はangular-bootstrapを初めて使用しますが、誰かが私を助けてくれることを願っています。

モーダル背景をクリックすると、モーダルポップアップが非表示になりますが、キャンセルをクリックするまでモーダル背景を保持したいと思います。

モーダルポップアップコードはこちら

誰でもこれに対する解決策を提案してください。

ありがとう

Answer 1

Angular UI Bootstrap modal を使用する場合、backdropをstatic（ →背景は存在しますが、モーダルウィンドウの外側をクリックしてもモーダルウィンドウは閉じられません）：

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

plunker を参照してください。

Answer 2

すべてのモデルウィンドウには、メインの2つのプロパティの背景とキーボードがあります。

• 背景プロパティ 2つのプロパティを設定できます背景= '静的'モデルウィンドウの外側をクリックすると、モデルウィンドウは背景で閉じられませんグレー表示されます。
  background = 'false'モデルウィンドウの外側をクリックすると、モデルウィンドウは閉じられませんが、背景グレー表示されません。 backdrop = 'true'ウィンドウの外側をクリックすると、モデルウィンドウが閉じます。

• キーボードプロパティキーボード= 'false' escキーを押しても、モデルウィンドウは閉じられません。
  keyboard = 'true' escキーを押すと、モデルウィンドウが閉じます。