ionic loading(加载动作)

1、Html

<ion-header-bar class="bar bar-header bar-light bar-calm"><button class="button button-icon icon ion-navicon"></button><ion-title class="bar-calm">腾讯新闻</ion-title>
</ion-header-bar><ion-content><button class="button button-positive" ng-click="click()">弹出Loading窗口</button><button class="button button-calm" ng-click="clickLoading()">弹出Loading窗口</button><ion-list><ion-item ng-repeat="stooge in stooges" href="#">{{stooge.name}}</ion-item></ion-list>
</ion-content>

2、Controller

appCntrollers.controller('ManageLoadingCtrl', function ($scope, $timeout, $ionicLoading) {$scope.click = function () {$ionicLoading.show({template: 'Loading...',});$timeout(function () {$ionicLoading.hide();}, 2000);}$scope.clickLoading = function () {$ionicLoading.show({content: 'Loading',animation: 'fade-in',showBackdrop: true,maxWidth: 200,showDelay: 0});$timeout(function () {$ionicLoading.hide();$scope.stooges = [{ name: 'Moe' },{ name: 'Larry' },{ name: 'Curly' }];}, 2000);}
})

3、效果图

ionic loading(加载动作)相关推荐

android 载入svg动画,实例讲解使用SVG制作loading加载动画的方法
今天和大家分享一个以SVG图像为主的loading加载动画,现在移动端网页使用比较多,若还用GIF做loading图片的话,可能会影响图像的质量,所以使用SVG是一个不错的方式. 这次展示的代码由 A ...
7 种最棒的 Vue Loading 加载动画组件测评与推荐 - 穷尽市面上所有加载动画效果（Vue loader）类型
本文完整版:<7 种最棒的 Vue Loading 加载动画组件测评与推荐> 目录 7 种不同类型的 Vue Loading 加载动画组件 1. Vue Simple Spinner - ...
2款不同样式的CSS3 Loading加载动画附源码
原文:2款不同样式的CSS3 Loading加载动画附源码我们经常看到的Loading加载很多都是转圈圈的那种,今天我们来换一种有创意的CSS3 Loading加载动画,一种是声波形状的动画,另一 ...
loading加载和layer.js
layer.js中的loading加载 l本篇主要介绍layerjs中的loading加载在实际项目中的应用 1.使用的技术前端:HTML5+CSS3+JS+layer.js 后端:.net 2. ...
axios请求拦截做Loading加载
axios请求拦截做Loading加载首先安装element-ui ,我们是按需引入从element-ui 引入我们所需: import {Loading,Message} from " ...
html5 css3炫酷效果,28种纯CSS3炫酷loading加载动画特效
这是一组效果非常炫酷的纯CSS3 Loading加载动画特效.这组loading动画共有27种不同的效果.每一种loading动画都是通过CSS3的keyframes帧动画来完成的,每一个加载动画都构 ...
html间隔代码_HTML+CSS基础入门开发，经典Loading加载缩放动画特效
大家好,本篇文章分享经典Loading加载缩放动画特效,欢迎参考和指正. 效果图: Loading加载缩放动画特效 HTML代码: CSS代码: 知识点: animation:是CSS3的动画属性,这 ...
axios vue 加载效果动画_vue+axios+element ui 实现全局loading加载示例
实现全局loading加载分析需求,我们只需要在请求发起的时候开始loading,响应结束的时候关闭loading,就这么简单对不对? import axios from 'axios'; imp ...
PhP加载时显示动画,在ajax请求完之前的loading加载的动画效果实现
这篇文章给大家介绍的内容是关于在ajax请求完之前的loading加载的动画效果实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多时候我们需要引入框架来开发项目,这时我们可能会 ...

ionic loading(加载动作)

ionic loading(加载动作)相关推荐

最新文章

热门文章