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