我的工作页面中有一个函数,这是标签页面之一。一旦页面输入到API请求数据后,我已经写了一个要加载的函数。
注意:除了标签的页面之外,推开的打开页面正常工作。
这在离子3.0.1上工作正常,但是一旦我进入页面时,我升级到Ionic 3.1.0,则加载了两次函数。
这是我的工作。TS代码
ionViewWillEnter() {
if(this.auth.authUser()) {
this.isLogin = true;
this.userData = this.auth.getUserInfo();
} else {
this.isLogin = false;
}
if(this.isLogin) {
this.getClientList(true);
} else {
this.clientData = [];
}
}
...
private getClientList(resetPage) {
console.log('loaded getClientList');
this.isEmpty = false;
this.userData = this.auth.getUserInfo();
if(resetPage) {
this.content.scrollToTop(0);
this.clientPage = 1;
}
let pageSkip = (this.clientPage-1)*this.clientPerPage;
let postData = 'take=' + this.clientPerPage;
postData += '&skip=' + pageSkip;
postData += '&uid=' + this.userData.userId;
if (this.category != '0') {
postData += '&category=' + this.category;
}
if (this.gradeId) {
postData += '&grade=' + this.gradeId;
}
let params = {
link: 'app/client/my_client_list',
data: postData,
}
this.showLoading('loading...');
this.api.httpApi(params).subscribe(data => {
this.loading.dismiss();
if (data.status_code == 1) {
this.clientData = [];
if(data.data.length > 0) {
this.clientData=data.data;
// this.productState = 'in';
if(this.clientPage < 1) {
this.clientPage++;
}
if(data.data.length < this.clientPerPage) {
this.isEnd = true;
} else {
this.isEnd = false;
}
} else {
this.isEmpty = true;
this.isEnd = false;
}
} else if (data.status_code == 500) {
this.navCtrl.push('LoginPage');
} else if (data.status_code == 0) {
this.isEmpty = true;
this.isEnd = false;
} else {
this.showError('network problem');
}
},
error => {
this.loading.dismiss();
this.pushLogin();
// this.showError(error);
});
}
控制台日志输出
Hello AuthService Provider
work.ts:173 loaded getClientList
work.ts:173 loaded getClientList
离子信息
Cordova CLI: 6.5.0
Ionic Framework Version: 3.1.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.3.4
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.10.2
Xcode version: Not installed
[edit]
有一个工作,将您的API请求功能放入构造函数中,然后该函数只能运行一次。但是,如果您想使用ionviewwillenter,这并不能解决问题。
显然升级到离子3.1.1将解决此问题。如果其他人遇到此问题,并且您仍处于Ionic版本3.1.0,则只需升级到3.1.1 即可解决该问题。