IONIC----02.ionicBackdrop
来源:互联网 发布:如何用微博推广淘宝 编辑:程序博客网 时间:2024/05/29 16:32
<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height"><script src="./lib/js/ionic.bundle.min.js"></script><link rel="stylesheet" type="text/css" href="./lib/css/ionic.min.css"><title>Ionic</title></head><body ng-app="myApp" ng-controller="fristController"> <ion-header-bar class="bar-positive"> <h1 class="title">$ionicBackdrop</h1> </ion-header-bar> <ion-content> <div class="ezpop has-header padding"> <a class="button button-block button-calm" ng-click="retain();">retain</a> <a class="button button-block button-calm" ng-click="release();">release</a> </div> </ion-content> <ion-footer-bar class="bar-positive"> <h1 class="title">背景幕锁:{{locks}}</h1> </ion-footer-bar></body></html><script>angular.module("myApp",["ionic"]).controller("fristController", function($scope, $ionicBackdrop, $timeout,$interval) { $scope.locks = 0; //保持背景幕 $scope.retain = function() { $ionicBackdrop.retain(); $scope.locks++; }; //释放背景幕 $scope.release = function() { $ionicBackdrop.release(); $scope.locks > 0 ? $scope.locks-- : 0; }; $interval(function(){ if($scope.locks > 0){ $ionicBackdrop.release(); $scope.locks--; } },2000)});</script>
GITHUB
0 0
- IONIC----02.ionicBackdrop
- 移动端开发中 Ionic中$ionicLoading 和 $ionicBackdrop 两种遮罩层的用法
- Ionic
- ionic
- Ionic
- Ionic
- ionic
- Ionic
- ionic
- Ionic
- Ionic
- ionic
- Ionic
- ionic
- ionic
- ionic
- 【Ionic入门】-Ionic简介
- 【Ionic入门】Ionic 列表
- 非递归的归并排序
- C语言动态数组原理及实现
- 【SSH视频】--- spring中的事务和hibernate中的session应用
- Jmeter测试Java请求示例
- linux crontab命令用法
- IONIC----02.ionicBackdrop
- android中Context的作用
- HDOJ 4861 Couple doubi
- Ne10开源库
- css3背景
- Java查看动态代理生成的代码 in Action
- eclipse c++ 问题Launch failed,Binary not found和A program file was not specified in the launch configur
- kmeans()和partition()对自己的数据聚类
- 50个常用的sql语句