Angularjs中模态框调整大小简单方法

代码中点击事件打开模态框，一般如下：

data-ng-click="open('ui/user/timeAdd.html', 'md');"
 

AngulerJS自带的模态框源码，调用了 $uibModal 函数

  

   

    

     

    
    

     
	//打开模态框
     
    
   

    

     

    
    

     

      	$scope.open = function(url, size){
     
    
   

    

     

    
    

     
		var modalInstance = $uibModal.open({
     
    
   

    

     

    
    

     

      			templateUrl : url, 
     
    
   

    

     

    
    

     

      			controller : 'ModalInstanceCtrl',
     
    
   

    

     

    
    

     

      			size : size,
     
    
   

    

     

    
    

     

      			backdrop : 'static'
     
    
   

    

     

    
    

     

      		});
     
    
   

    

     

    
    

     

      	};
     
    
  
 

修改model大小通过修改size即可：lg:最大；md:中等；sm：最小；

md（如下图）

lg（如下图）

文章来源: chensj.blog.csdn.net，作者：_陈哈哈，版权归原作者所有，如需转载，请联系作者。

原文链接：chensj.blog.csdn.net/article/details/102649764