- Ionic 基础教程
- Ionic - 首页
- Ionic - 概述
- Ionic - 环境搭建
- Ionic CSS 组件
- Ionic - 颜色
- Ionic - 内容
- Ionic - 页眉
- Ionic - 页脚
- Ionic - 按钮
- Ionic - 列表
- Ionic - 卡片
- Ionic - 表单
- Ionic - 开关
- Ionic - 复选框
- Ionic - 单选按钮
- Ionic - 范围选择器
- Ionic - 选择框
- Ionic - 标签
- Ionic - 网格
- Ionic - 图标
- Ionic - 内边距
- Ionic Javascript 组件
- Ionic - JS 动作表单
- Ionic - JS 后台
- Ionic - JS 内容
- Ionic - JS 表单
- Ionic - JS 事件
- Ionic - JS 页眉
- Ionic - JS 页脚
- Ionic - JS 键盘
- Ionic - JS 列表
- Ionic - JS 加载
- Ionic - JS 模态框
- Ionic - JS 导航
- Ionic - JS 弹出框
- Ionic - JS 弹窗
- Ionic - JS 滚动
- Ionic - JS 侧边菜单
- Ionic - JS 滑动盒
- Ionic - JS 标签
- Ionic 高级概念
- Ionic - Cordova 集成
- Ionic - AdMob
- Ionic - 相机
- Ionic - Facebook
- Ionic - 应用内浏览器
- Ionic - 原生音频
- Ionic - 地理位置
- Ionic - 媒体
- Ionic - 启动画面
- Ionic 有用资源
- Ionic - 快速指南
- Ionic - 有用资源
- Ionic - 讨论
Ionic - Javascript 后台
Ionic 后台 应用时会覆盖屏幕内容。它将显示在其他覆盖层(弹出窗口、加载等)下方。有两种方法可以用于管理后台服务。$ionicBackdrop.retain() 将在组件上应用后台,而 $ionicBackdrop.release() 将将其移除。
使用后台
以下示例显示了如何使用后台。我们将 $ionicBackdrop 作为依赖项添加到控制器中,然后创建 $scope.showBackdrop() 函数,该函数将立即调用 retain 方法。然后,三秒后,它将调用 release 方法。我们正在为 release 方法使用 $timeout,因此我们也需要将其添加为控制器依赖项。
.controller('myCtrl', function($scope, $ionicBackdrop, $timeout) {
$scope.showBackdrop = function() {
$ionicBackdrop.retain();
$timeout(function() {
$ionicBackdrop.release();
}, 3000);
};
})
您会注意到以下图像中的屏幕颜色较暗,因为应用了后台。
广告