10

この例では

http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq

angular.module('animateApp', [
  'ngAnimate', // adding this causes issue with modal backdrop
  'ui.bootstrap'
])

モーダルを閉じても、背景は消えません。「ngAnimate」依存関係 (script.js の 4 行目) をコメント アウトすると、問題なく動作します。

私は何か間違ったことをしていますか、これは ngAnimate で使用した場合の ui.bootstrap のバグですか?

4

2 に答える 2

12

これは、Angular 1.3.15 と 1.4.0 の間のどこかで重大な変更のようです。背景の非表示を妨げる​​ ngAnimate の何かが変更されたようです。アニメーションをオフにすると、背景がうまく隠れます:

$scope.openModal = function() {
    $modal.open({
      templateUrl: 'modal.html',
      controller: 'ModalCtrl',
      backdrop: true,
      animation: false
    });
  }

1.3.15 に落としても問題ありません: Plunker

ui-bootstrap の依存関係ページを確認すると、まだ 1.4.0 に完全に追いついていないようです: https://david-dm.org/angular-ui/bootstrap#info=devDependencies

問題を投稿するか、誰かがすでに持っているかどうかを確認する価値があるかもしれません.

于 2015-06-03T04:07:36.407 に答える
0

これは一時的な問題と思われるため、モーダル アニメーションを false に設定できます。

app.config(['$modalProvider', function($modalProvider)  {
  $modalProvider.options.animation = false;
}

そうすれば、この変更を一度行うだけで、すべてのモーダルが正常に機能します。

于 2015-07-20T07:06:33.727 に答える