angularJs 中的ui-bootstrap 插件$uibModal 问题总结

原创 2017年08月17日 22:53:01

angualr中使用ui-boostrap 很方面就能使用模态框,但在使用过程中有一些问题.

1.如何向controller传递数据

resolve: { //用来向controller传数据
           deviceInfo: function () {
             return data.content;
           }
         }

2.如果控制modal框的大小

css中定义
.modal-super-lgs { width: 93%; }
在属性size中指定参数
size: 'super-lgs',

3.css控制

openedClass:'test',//class名 加载到整个页面的body,可以取消右边的滚动条
windowClass:'test1',//class名 加载到ui-model的顶级div上面
windowTopClass:'test2',//加载到windowTopClass
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Angular 模态框 入坑记

今天用到了ui-bootstrap中的modal 觉得用起来还不错,也比较简单,博主以前用个ngDialog做的模态框,虽然不知道对不对,但这个插件也还可以。 这貌似是我目前为止用过最简单的功能了,...

angularjs 弹出框 $modal

$modal只有一个方法:open,该方法的属性有: templateUrl:模态窗口的地址 template:用于显示html标签 scope:一个作用域为模态的内容使用(...

$uibModal

uibModal是一种创建模态窗口的服务。
  • Mr__jin
  • Mr__jin
  • 2017年03月06日 13:28
  • 4559

关于bootstrap的modal弹出层嵌套子Modal所引发的血案

bootstrap的弹出层嵌套有一个问题 ,当子modal关闭时父的modal也会自动关闭,这可能是bootstrap的一个问题,经过资料仔细查找,发现需要修改bootstrap.js的源码, ...

AngularJS—路由插件ui.router源码解析

路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。 那么,对于angular而言,它自然也有内置的路由模块:叫做ngRou...

angularjs-ui-calendar日历插件的使用

公司要求使用angular-ui-calendar做移动端的一个日历模块,之前对angular的接触也不是很多,刚开始看了看真是头都大了,不过现在搞清楚之后感觉真的是so easy。分享自己的一些使用...

AngularJS学习笔记--002--Angular JS路由插件ui.router源码解析

路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。 那么,对于angular而言,它自然也有内置的路由模块:叫做n...
  • wxl1555
  • wxl1555
  • 2016年12月13日 13:34
  • 225

AngularJS ui.bootstrap.alert 消息

AlertIndex angular.module('ui.bootstrap.demo', ['ui.bootstrap']) ...

angularjs之ui-bootstrap的使用

1.新建uiBootstrap.html页面,引入依赖的js和css类库 2.新建uiBootstrap.js文件,定义一个uiModule 模块,引入依赖的模块 /** *...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularJs 中的ui-bootstrap 插件$uibModal 问题总结
举报原因:
原因补充:

(最多只允许输入30个字)