4、加载:Loading

/* ---html----*/
 
<ion-content>
 
  <button (click)="manual()">手动关闭</button>
  <button (click)="automatic()">自动关闭</button>
 
</ion-content>
 
/* ---html----*/
/* ---js----*/
 
import { Page , Loading , NavController } from 'ionic-angular';
 
@Page({
  templateUrl: 'build/pages/tabs/tabs.html',
})
 
export class TabsPage {
 
  static get parameters() {
    return [[NavController]];
  }
 
  constructor(nav) {
    this.nav =  nav;
  }
 
  manual() {
    let loading = Loading.create({
      content: "Please wait...",
      spinner: 'ios-small',
    });
    this.nav.present(loading);
    setTimeout(() => {
      loading.dismiss();
      console.log('我没有设置duration属性。我是手动关闭的。')
    },1000)
  }
 
  automatic(){
    let loading = Loading.create({
      content: "Please wait...",
      spinner: 'ios-small',
      duration:1000
    });
    this.nav.present(loading);
    loading.onDismiss(()=>{
      console.log('我是自动关闭的。')
    });
  }
 
}
 
//  loading设置参数
//  1、content:内容,可以是html语句
//  2、duration:持续时间 ,当时间走完的时候 去走dismiss()方法。也就是Loading.create的标识符中的方法
//  3、showBackdrop:是否显示背景层
//  4、spinner:loading图标的可选svg ios、dots、bubbles、circles、ios-small、crescent hide,hide则是不显示图标
//  5、cssClass:自定义风格
//  6、dismissOnPageChange:是否在导航到新的页面时忽略该指标 默认:不忽略,这个方法就是说 本view跳转到别的view时 此loading还生效不生效
//  !注意手动关闭和自动关闭的方法名不一样的。
 
/* ---js----*/

posted @ 2016-06-06 01:08  淡定君  阅读(938)  评论(0编辑  收藏  举报