Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -$ionicLoading
漂亮的界面 追求性能 专注原生 免费开源
-
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
$ionicLoading
用一个覆盖层表示当前处于活动状态,来阻止用户的交互动作。
用法
angular.module('LoadingApp', ['ionic'])
.controller('LoadingCtrl', function($scope, $ionicLoading) {
$scope.show = function() {
$ionicLoading.show({
template: 'Loading...'
});
};
$scope.hide = function(){
$ionicLoading.hide();
};
});
方法
show(opts)
显示一个loading指示器。如果该指示器已经显示,它会设置给定选项,并保持指示器显示。
参数 | 类型 | 详情 |
---|---|---|
opts |
object
|
loading指示器的选项。可用属性:
|
hide()
隐藏loading指示器,如果它已显示。