Tenho uma função que deveria ser carregada e gerar uma lista no momento que a page é carregada, mas não acontece como deveria. Ao clicar na aba referente à tela, não é carregada a função - indo para outra view e clicando novamente, aí é carregado normalmente. A função no caso é a loadHistorico(), está sendo chamada no IonViewDidEnter(), já coloquei no construtor e o resultado foi o mesmo.
import { HistoricoModel } from './../../models/HistoricoModel';
import { Component, Inject } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { AlertController, LoadingController, ToastController } from 'ionic-angular';
import { CaixaModel } from './../../models/CaixaModel';
import { HttpClient } from '@angular/common/http';
import { PaginaBase } from '../../infra/PaginaBase';
import { ICaixaService } from './../../providers-interfaces/ICaixaService';
import { CaixasimpleProvider } from './../../providers/caixasimple/caixasimple';
import { NativeStorage } from '@ionic-native/native-storage';
import { CredenciadoProvider } from '../../providers/credenciado/credenciado';
@Component({
selector: 'page-credenciado-caixa',
templateUrl: 'credenciado-caixa.html',
providers: [
CaixasimpleProvider,
CredenciadoProvider,
]
})
export class CredenciadoCaixaPage extends PaginaBase {
foiSubmetido: boolean;
caixaModel: CaixaModel;
public currentCred;
public loader;
public io = new Array<any>();
public total = "";
historicoModel: HistoricoModel[];
public isEmpty: boolean = false;
constructor(public navCtrl: NavController,
public navParams: NavParams,
public formBuilder: FormBuilder,
public alertCtrl: AlertController,
public loadingCtrl: LoadingController,
public toastCtrl: ToastController,
@Inject('ICaixaService')
public caixaservice: ICaixaService,
private nativeStorage: NativeStorage,
public http: HttpClient,
public CaixasimpleProvider: CaixasimpleProvider,
public CredenciadoProvider: CredenciadoProvider) {
super({
formBuilder: formBuilder,
alertCtrl: alertCtrl,
loadingCtrl: loadingCtrl,
toastCtrl: toastCtrl
})
this.foiSubmetido = false;
this.caixaModel = new CaixaModel();
this.nativeStorage.getItem('idCredenciado')
.then(
dados => this.currentCred = (dados.idCredenciado), error => { console.log(error); })
console.log(this.currentCred);
}
ionViewDidEnter() {
this.loadHistorico();
this.setIsEmpty();
}
setIsEmpty() {
this.nativeStorage.getItem('idCredenciado').then(
dados => this.CaixasimpleProvider.getHistoricoForIsEmpty(dados.idCredenciado).subscribe(
data => {
const response = (data as any);
if(response == ""){
this.isEmpty = true;
}else{
this.isEmpty = false;
}
}
));
}
loadHistorico() {
this.showLoading();
console.log("currentcred no ionviewdidenter -> " + this.currentCred);
this.CaixasimpleProvider.getTotalFluxoCaixa(this.currentCred).subscribe(
data => {
var retorno = (data as any);
this.total = retorno[0].soma;
}, error => {
this.closeLoading();
console.log(error);
});
this.CaixasimpleProvider.getImputOutput(this.currentCred).subscribe(
data => {
const response = (data as any);
console.log(response);
this.io = response;
console.log(this.io);
}, error => {
this.closeLoading();
console.log(error);
});
this.CaixasimpleProvider.getHistorico(this.currentCred)
.subscribe(data => {
var retorno = (data as any);
this.historicoModel = retorno;
}, error => {
this.closeLoading();
console.log(error);
});
this.closeLoading();
}
cadastrarValor(caixaModel: CaixaModel): void {
this.foiSubmetido = true;
this.esconderToast();
const mensagem = "Entrada de valor cadastrada!";
const mensagemErro = "Ocorreu um erro, tente novamente, não iremos decepcionar :)";
this.CaixasimpleProvider.cadastrarValor(this.caixaModel)
.subscribe(dados => {
this.mostrarToast(mensagem);
},
erro => { this.mostrarToast(mensagemErro); });
this.navCtrl.setRoot(this.navCtrl.getActive().component);
this.navCtrl.setRoot(this.navCtrl.getActive().component);
}
cadastrarValorNeg(caixaModel: CaixaModel): void {
this.foiSubmetido = true;
this.esconderToast();
const mensagem = "Entrada de valor cadastrada!";
const mensagemErro = "Ocorreu um erro, tente novamente, não iremos decepcionar :)";
this.caixaModel.valor = "-".concat(this.caixaModel.valor);
this.CaixasimpleProvider.cadastrarValor(this.caixaModel)
.subscribe(dados => {
this.mostrarToast(mensagem);
},
erro => { this.mostrarToast(mensagemErro); });
this.navCtrl.setRoot(this.navCtrl.getActive().component);
this.navCtrl.setRoot(this.navCtrl.getActive().component);
}
showLoading() {
this.loader = this.loadingCtrl.create({
content: "Carregando ..."
});
this.loader.present();
}
closeLoading() {
this.loader.dismiss();
}
}
showLoading
ecloseLoading
é chamando em sequência assim que você abre essa tela? Tenta verificar isso com o console.log.