代码出错，不显示loading状态等。

来源：8-2 Ionic 2.32版本中的一些差异以及学习方法论(下)

西风潇潇

2016-08-22

错误提示：命令行显示错误提示如下：(chrome调试无error信息)

TypeScript error: D:/Sublime Text file/ionic/demo/app/pages/contact/contact.ts(21,18): Error TS2341: Property 'create' is private and only accessible within class 'Loading'.
TypeScript error: D:/Sublime Text file/ionic/demo/app/pages/contact/contact.ts(25,17): Error TS2339: Property 'present' does not exist on type 'NavController'.
9.1 MB bytes written (2.94 seconds)
TypeScript error: D:/Sublime Text file/ionic/demo/app/pages/contact/contact.ts(21,18): Error TS2341: Property 'create' is private and only accessible within class 'Loading'.
TypeScript error: D:/Sublime Text file/ionic/demo/app/pages/contact/contact.ts(26,17): Error TS2339: Property 'present' does not exist on type 'NavController'.
9.1 MB bytes written (2.43 seconds)

.ts文件内容如下：

import {Component} from '@angular/core';
import {NavController,Loading} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/contact/contact.html'
})
export class ContactPage {
  public user = {
  	username :'xifengxx',
  	password :''
  }

  constructor(private navCtrl: NavController) {
  	this.navCtrl =navCtrl;
  }

  showFill(){
  	alert(this.user.username);
  	console.log(this.user.password);

  	let loading = Loading.create({
  		content:"正在登陆...",
  		duration:3000,
  		dismissOnPageChange:true
  	});
  	this.navCtrl.present(loading);
  
  	
  }
}

写回答

2回答

挑战者0

2016-08-22

已采纳

http://ionicframework.com/docs/v2/api/components/loading/LoadingController/

你可以参考一下这个。

我的 ionic 版本是 2.0.0-beta.37。

import {Component} from '@angular/core';
import {NavController, LoadingController} from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/contact/contact.html'
})
export class ContactPage {
  public user = {
    username: 'parry',
    password: ''
  };

  constructor(private navCtrl: NavController, private loadingCtrl: LoadingController) {
    this.navCtrl = navCtrl;
  }

  showFill() {
    alert(this.user.username);
    console.log(this.user.password);
  }

  login() {
    /*// 创建 loading 窗口，模拟3秒后登录成功， loading 窗口消失
    let loading = Loading.create({
      content: '正在登录...',
      duration: 3000, //单位是毫秒
    });

    this.navCtrl.present(loading);

    // 真实的逻辑应该是：去请求登录的 API，返回结果后，进行loading窗口的隐藏
    setTimeout(() => {
      loading.dismiss();
    }, 3000);*/

    let loading = this.loadingCtrl.create({
      content: 'Please wait...'
    });

    loading.present();

    setTimeout(() => {
      loading.dismiss();
    }, 5000);
  }

}

西风潇潇

非常不错，应该以老师的代码为参考，以官方文档为重心啊！

2016-08-22

共2条回复