Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -$ionicBackdrop
漂亮的界面 追求性能 专注原生 免费开源
-
ionic/ionic3
JavaScript 扩展 - Headers/Footers(页眉页脚) 1
- Content(内容) 2
- Scroll(滚动) 3
- Tabs(选项卡) 4
- Side Menus(侧栏菜单) 5
- Navigation(导航) 6
- Lists(列表) 7
- Form Inputs(表单) 8
- Slide Box(滑动框) 9
- Modal(模型) 10
- Action Sheet(操作表) 11
- Popup(弹出窗口) 12
- Loading(加载) 13
- Platform(平台) 14
- Gesture(手势) 15
- Backdrop(背景) 16
- Utility(工具) 17
- Keyboard(键盘) 18
$ionicBackdrop
显示和隐藏UI上的背景,popups,loading,和其他覆盖层形式出现。
通常,多个UI组件需要一个背景,但是只有一个背景经常需要同时在DOM中。
因此,每个组件都需要显示背景,当它需要背景时,调用$ionicBackdrop.retain()
,然后,当完成时,调用 $ionicBackdrop.release()
。
每次retain
被调用时,背景会显示出来直到调用release
。
比如,如果 retain
被调用三次,背景就会显示,知道release
被调用三次。
用法
function MyController($scope, $ionicBackdrop, $timeout) {
//一秒显示一个背景
$scope.action = function() {
$ionicBackdrop.retain();
$timeout(function() {
$ionicBackdrop.release();
}, 1000);
};
}
Methods
retain()
保留背景。
release()
释放背景。