javascript - UIB 模态背景不淡入

Question

我正在使用 angular-ui 模式。当我关闭模态时，模态框淡出并向上淡出，背景淡出。这是期望的行为。

但是，当我打开模态框时，虽然模态框淡入淡出，但背景只是出现而没有淡入。我无法确定原因。

这是打开模式的代码:

$scope.update_onclick = function() {

    $rootScope.modalInstance = $uibModal.open({
        templateUrl: 'webapp/packagetracker/update.html',
        controller: 'PackageTrackerController',
        backdrop: 'static'        
    });

};

这是模式打开时来自 Chrome 开发者工具的背景 DIV

<div uib-modal-backdrop="modal-backdrop" class="modal-backdrop fade ng-scope in" ng-style="{'z-index': 1040 + (index &amp;&amp; 1 || 0) + index*10}" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" data-bootstrap-modal-aria-hidden-count="1" aria-hidden="true" style="z-index: 1040;"></div>

我使用的是 angularjs 1.4.8、angular-animate 1.4.8 和 ui-bootstrap-tpls-2.5.0。添加这些文件的脚本标签按此顺序。

如有任何帮助，我们将不胜感激。

Answer 1

这似乎是模式的默认行为，因为您描述的行为在 UI Bootstrap 模式演示中重复: https://angular-ui.github.io/bootstrap/#!#modal