ui-bootstrap
2015-11-30 21:45:46 0 举报AI智能生成
ui-bootstrap-modal
作者其他创作
大纲/内容
依赖于 ui.bootstrap.tpls模块
template/modal/backdrop.html模块
template/modal/window.html模块
ui.bootstrap.modal模块 需要依赖部分
依赖于 ui.bootstrap.stackedMap模块
$$stackedMap服务
add() 内部add方法（在内部定义数组中添加key-value值）
get() 获取key-value值
keys() 获取当前结合中的key值的集合
top() 获取最顶部的栈
remove(key)移除对应key值的栈
removeTop()删除栈顶的key-value值
length()返回当前stack中的数量
服务组成
$$multiMap服务（内部数据结构key-value类型）
entries() 返回内部map对象上的属性和方法
get(key) 返回指定key对应的value值
hasKey(key) 判断这个字典上是否有key对应的value值
keys() 返回所有可枚举的属性和方法
put(key,value) 添加key-value值
remove(key,value) 移除对应的key-value值
$uibModalStack
依赖于$animate
依赖于$timeout
依赖于$document
依赖于$compile
依赖于 $rootScope
依赖于$q
依赖于 $injector
依赖于$$multiMap
生成对应实例 openedWindows
依赖于 $$stackedMap
生成对应实例 openedClasses
依赖于 $modalStack
供内部调用函数
function backdropIndex() 获取map结构上绑定backdrop的索引
function removeModalWindow(modalInstance, elementToReceiveFocus) //移除模态window
function toggleTopWindowClass() //触发、消除class效果
function checkRemoveBackdrop()检查背景是否不再需要，如不需要调用移除动画
function removeAfterAnimate(domEl, scope, done) 元素domel在scope下动画完成后done()回调
供外部调用函数
$modalStack.open = function(modalInstance, modal){ } //创建一个模态实例，并传入modal里的参数
$modalStack.close = function(modalInstance, result){}//modalStack的关闭模态函数
$modalStack.dismiss = function(modalInstance, reason){} 解除模态函数
$modalStack.dismissAll = function(reason){}解除所有
$modalStack.getTop = function() {} //返回openedWindows的顶栈
$modalStack.modalRendered = function(modalInstance) {//模态框渲染
$modalStack.focusFirstFocusableElement = function(){}//获取第一个元素焦点
$modalStack.focusLastFocusableElement = function() {}//获取最后一元素焦点
$modalStack.isFocusInFirstItem = function(evt) {}//判断第一个元素是否处于焦点状态
$modalStack.isFocusInLastItem = function(evt) {} //判断最后一个元素是否处于焦点状态
$modalStack.clearFocusListCache = function() {}//清空焦点列表缓存
$modalStack.loadFocusElementList = function(modalWindow) {}//执行焦点
$uibModal（用来配置参数）
$modalProvider内置参数
返回$get
依赖于 $injector
依赖于 $rootScope
依赖于 $q
依赖于 $templateRequest
依赖于 $controller
依赖于 $uibModalStack
依赖于 $modalSuppressWarning
依赖于 $log
指令组成
uibModalBackdrop 指令 负责模态背景
依赖于 $animate
依赖于 $injector
依赖于 $uibModalStack
templateUrl ='template/modal/backdrop.html'
uibModalWindow 指令 负责模态框
依赖于 $uibModalStack服务
依赖于 $q
依赖于 $animate
依赖于 $injector
templateUrl=function(tElement, tAttrs) {return tAttrs.templateUrl || 'template/modal/window.html';}
uibModalAnimationClass
uibModalTransclude
ui.bootstrap.modal 模块 不需要依赖部分
服务
$modalStack//$modalStack 服务上扩展了$uibModalStack上的属性和方法
依赖于 $animate
依赖于 $timeout
依赖于 $document
依赖于 $compile
依赖于 $rootScop
依赖于 $q
依赖于 $injector
依赖于 $$multiMap
依赖于 $$stackedMap
依赖于 $uibModalStack
依赖于 $log
依赖于 $modalSuppressWarning
$modal（虽然声明了，但是没有注入到任何指令、服务中）
依赖于 $uibModalProvider（调用$uibModal的服务提供商）
指令
modalBackdrop 负责模态背景
依赖于$animate
依赖于$injector
依赖于 $modalStack
依赖于 $log
依赖于 $modalSuppressWarning
templateUrl: 'template/modal/backdrop.html'
uibModalWindow 负责模态框
依赖于 $uibModalStack
依赖于 $q
依赖于 $animate
依赖于 $injector
templateUrl: function(tElement, tAttrs) { return tAttrs.templateUrl || 'template/modal/window.html';}
modalAnimationClass
依赖于$log
依赖于 $modalSuppressWarning
modalTransclude
依赖于 $log
依赖于 $modalSuppressWarning
依赖于 ui.bootstrap.stackedMap模块
$$stackedMap服务
add() 内部add方法（在内部定义数组中添加key-value值）
get() 获取key-value值
keys() 获取当前结合中的key值的集合
top() 获取最顶部的栈
remove(key)移除对应key值的栈
removeTop()删除栈顶的key-value值
length()返回当前stack中的数量
0 条评论
下一页
