Ionic2 - 多次调用构造函数和页面生命周期

我的应用程序中有一段代码应该只在我的页面上执行一次，但似乎我所有的页面生命周期和构造函数都被多次调用（每x秒它被称为一次）。例如，我的主页上没有同样的问题。有任何想法吗？组件和模块是这样的：Ionic2 - 多次调用构造函数和页面生命周期

import { NgModule } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { ChamadaAtendimento } from './chamada-atendimento'; 

@NgModule({ 
    declarations: [ 
    ChamadaAtendimento, 
    ], 
    imports: [ 
    IonicPageModule.forChild(ChamadaAtendimento), 
    ], 
    exports: [ 
    ChamadaAtendimento 
    ] 
}) 
export class ChamadaAtendimentoModule {}

这是组件：

import { Component, OnInit } from '@angular/core'; 
import { IonicPage } from 'ionic-angular'; 
import { NavParams, NavController, ModalController } from 'ionic-angular'; 
import { ApiService } from '../../providers/api-service'; 
import { DialogService } from '../../providers/dialog-service'; 
import { AuthService } from '../../providers/auth-service'; 
import { HomePage } from '../home/home'; 
import { SetMotivoIntervalo } from '../set-motivo-intervalo/set-motivo-intervalo'; 
import { Platform } from "ionic-angular"; 
import { NativeAudio } from '@ionic-native/native-audio'; 

@IonicPage() 
@Component({ 
    selector: 'page-chamada-atendimento', 
    templateUrl: 'chamada-atendimento.html', 
}) 
export class ChamadaAtendimento { 

    chamada_id : number; 
    area : string = ""; 
    atividade : string = ""; 
    resposta_enviada : boolean = false; 

    constructor(
    navParams: NavParams, 
    private nav: NavController, 
    private api: ApiService, 
    private dialog: DialogService, 
    private auth: AuthService, 
    private platform: Platform, 
    private nativeAudio: NativeAudio, 
    private modalCtrl: ModalController 
) { 

    this.chamada_id = navParams.data.chamada_id; 
    this.area = navParams.data.area; 
    this.atividade = navParams.data.atividade; 

    if (this.platform.is('cordova')) { 
     this.nativeAudio.preloadSimple('chamada', 'assets/sounds/Umbriel.mp3'); 
     this.nativeAudio.loop('chamada'); 
    } 

    } 


    ionViewWillEnter(){ 
    console.log("page lifecycle test"); 
    } 


    responderChamada(resposta){ 

    console.log("resposta ",resposta), 
    console.log("resp enviada",this.resposta_enviada); 
    if(!this.resposta_enviada){ 

     this.resposta_enviada = true; 

     if (this.platform.is('cordova')) { 
     this.nativeAudio.stop('chamada'); 
     this.nativeAudio.unload('chamada'); 
     } 

     if(resposta=="Intervalo"){ 
     const modal = this.modalCtrl.create(SetMotivoIntervalo, {chamada_id: this.chamada_id}); 
     modal.present(); 
     }else{ 
     this.dialog.showLoading("Enviando resposta..."); 
     this.api.responder_chamada(this.chamada_id, resposta).subscribe(
      () => { 
      this.dialog.loading.dismiss(); 
      this.auth.setStatusAtual(resposta); 
      if (resposta=="Atendimento"){ 
       this.auth.setChamada(this.chamada_id, this.area, this.atividade); 
      }else{ 
       this.nav.setRoot(HomePage); 
      } 

      if(resposta=="Inativo"){ 
       this.dialog.showToast("Status de Operação definido como Inativo"); 
      }else{ 
       this.dialog.showToast("Resposta enviada com sucesso"); 
      } 

      },(error) =>{ 
      this.dialog.loading.dismiss(); 
      if(error && error.length){ 
       this.dialog.showAlert("Erro ao responder chamada", error); 
      } 
      } 
     ); 
     } 

    } 

    } 


    encerrarAtendimento(){ 
    this.dialog.showLoading("Encerrando atendimento..."); 
    this.api.encerrar_atendimento(this.chamada_id).subscribe(
    () => { 
     this.dialog.loading.dismiss(); 
     this.auth.setChamada(null, null, null); 
     this.nav.setRoot(HomePage); 
     this.dialog.showToast("Atendimento encerrado com sucesso"); 
     },(error) => { 
     this.dialog.loading.dismiss(); 
     if(error && error.length){ 
      this.dialog.showAlert("Erro ao encerrar atendimento", error); 
     } 
     } 
    ); 
    } 

}

来源

2017-07-18 Ronan Lopes

你怎么知道你的构造函数被多次调用？ – Duannx

@Duannx在我粘贴的这段代码中，我的console.log是在ionViewWillEnter上，但也试过构造函数。无论如何，得到我的答案...会发布在这里 –

得到了我的答案是：我在我的app.component，它调用的函数，每x秒了setInterval。每次调用该函数时，似乎都会交替使用该组件，因此必须重新构建，或者类似的东西，不确定。无论如何，我对这个页面的溶解度是clearInterval。但还是不太明白发生了什么事

来源

2017-07-19 13:50:05

Ionic2 - 多次调用构造函数和页面生命周期

回答

相关问题