Angularjs 隐藏模式用户界面引导后的背景

Angularjs 隐藏模式用户界面引导后的背景,angularjs,modal-dialog,angular-ui-bootstrap,Angularjs,Modal Dialog,Angular Ui Bootstrap,我在一家工厂创建了我的模型。几乎所有的事情都按照我想要的方式进行。但是,当我选择我的模式时,背景色不会在模式后面变暗 角度引导为我提供了一个可以玩情态动词的插入器。从我注意到的背景变暗似乎已经设置好了 我通读了文档,但据我所知,Background用于增加点击处理以逃避模式 下面是我的代码。它确实有效。我只是不明白为什么模态背后的背景没有变暗。任何提示和见解都将不胜感激 var app = angular.module('myApp'); app.factory('ModalService',

我在一家工厂创建了我的模型。几乎所有的事情都按照我想要的方式进行。但是,当我选择我的模式时,背景色不会在模式后面变暗

角度引导为我提供了一个可以玩情态动词的插入器。从我注意到的背景变暗似乎已经设置好了

我通读了文档,但据我所知,Background用于增加点击处理以逃避模式

下面是我的代码。它确实有效。我只是不明白为什么模态背后的背景没有变暗。任何提示和见解都将不胜感激

var app = angular.module('myApp');

app.factory('ModalService', ['$modal', '$modalStack','$log',function($modal, $modalStack, $log) {
    return {
      trigger:function(selectedDrink){
        return $modal.open({
          templateUrl: 'templates/editCaffeineDrink.html',
          controller: function($scope,$modalInstance,drink,DrinkLibrary,Drink){
            $scope.drink = drink.editable ? drink : angular.copy(drink);
            console.log('drink',$scope.drink.date);

            $scope.ok = function(id){
              DrinkLibrary.updateDrink(id,$scope.drink).
                success(function(data){
                  console.log(data);
                  $modalInstance.close($scope.drink);               
                });            
            };
            $scope.cancel = function(){
              $modalInstance.dismiss('cancel');
            };
              // end of cancel
          },
          // end of controller
          size: 'sm',
          resolve: {
                // resolve the drink
              drink: function () {
                return selectedDrink;
              }
              // end of drink function
          }
              // end of resolve
        });
          // end of modal open
      }
      // trigger closure
    };
    // return closure
}]);
// end of factory

是引导css使背景变暗。你的网页上有吗?您是否以某种方式使用自定义css覆盖它?我确实设置了引导链接。我只是浏览了我的css文件,但是没有任何东西影响背景。好的。。。因为对我来说,当打开模式时,会使用css类“modal background”创建一个单独的div,引导css使用黑色背景和一些不透明度来设置样式。你有这个背景div吗?你使用的是什么版本的ui引导和引导css?我运行的是0.13.0版。当我使用我的开发工具时,我没有找到“模态背景”。所以我认为这可能是问题的一部分。当我突出显示引导css时,背景会出现在开发工具中,背景会变暗。你的网页上有吗?您是否以某种方式使用自定义css覆盖它?我确实设置了引导链接。我只是浏览了我的css文件,但是没有任何东西影响背景。好的。。。因为对我来说,当打开模式时,会使用css类“modal background”创建一个单独的div,引导css使用黑色背景和一些不透明度来设置样式。你有这个背景div吗?你使用的是什么版本的ui引导和引导css?我运行的是0.13.0版。当我使用我的开发工具时,我没有找到“模态背景”。所以我认为这可能是问题的一部分。当我突出显示时,开发工具中会出现背景