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

举报
_陈哈哈 发表于 2022/01/22 22:35:17 2022/01/22
4.2k+ 0 0
【摘要】 代码中点击事件打开模态框,一般如下: data-ng-click="open('ui/user/timeAdd.html', 'md');" AngulerJS自带的模态框源码,调用了 $uibModal 函数 //打开模态框 $scope.open = function(url, size){ var modalI...

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

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

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。