在Tab加载两次的页面中功能



我的工作页面中有一个函数,这是标签页面之一。一旦页面输入到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 即可解决该问题。

相关内容

  • 没有找到相关文章

最新更新