loading无法正常使用

来源:

天马aas行空

2016-09-28

import {Component} from '@angular/core';
import {NavController, LoadingController, ToastController} from 'ionic-angular';
import {Http} from '@angular/http'
import 'rxjs/add/operator/map'

@Component({
 templateUrl: 'build/pages/appraisal/appraisal.html'
})

export class AppraisalPage {
 public allAppraisalList: any;

 constructor(public navCtrl: NavController, private http: Http, public loadingCtrl: LoadingController, private toastCtrl: ToastController) {
   this.navCtrl = navCtrl;
   this.loadingCtrl = loadingCtrl;
   this.toastCtrl = toastCtrl;
 }

 ionViewLoaded(){
   console.log("onPageLoaded");
   let loading = this.loadingCtrl.create({
     content: '加载中',
     // duration:2000,
     dismissOnPageChange: true
   });
   loading.present();
   console.log("onPageLoaded1");

   this.http.get('http://192.168.5.204:8080/fav-frontend/allApprasal').map(res=>res.json()).subscribe(data=> {
         loading.dismiss();
         this.allAppraisalList = data;
       }, error=> {
         loading.dismiss();

         this.toastCtrl.create({
           message: '获取数据失败',
           duration: 1500
         }).present();
       });
 }

 openAppraisalItem(item) {
   let loading = this.loadingCtrl.create({
     content: '加载中',
     dismissOnPageChange: true
   });
   loading.present();

 }


}

写回答

1回答

Parry

2016-09-28

onPageLoaded在哪里调用了?是不是应该是 ionViewLoaded?

0
1
天马aas行空
已修改成ionViewLoaded,效果还是一样,打log发现在loading之前的log都能显示,present之后的不能显示
2016-09-28
共1条回复

Ionic飞速上手的跨平台App开发

以HTML5移动App开发框架Ionic,开发不受平台限制的App

1314 学习 · 640 问题

查看课程