Question

我正在使用angular-ui Modal。当我关闭模态时，模态框逐渐淡出，背景淡出。这是理想的行为。

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

这是打开模态的代码：

$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模式演示中重复： as a gist

UIB模态背景不衰落

1 个答案: