web-dev-qa-db-fra.com

Comment accéder aux variables et méthodes app.component à partir d'autres pages dans Ionic?

Je souhaite accéder et modifier les variables app.component.ts ou les méthodes d'accès depuis d'autres pages (otherpage.ts) ou d'autres composants tels que

app.component.ts

@Component({
  templateUrl: 'app.html'
})
export class MyApp {

  accessedVariable: any;

  constructor(){ }

  accessedMethod() {
   ..something
  }

}

otherpage.ts

@Component({
  selector: 'page-other',
  templateUrl: './otherpage.html',
})
export class OtherPage {

  constructor() { }
}
3
Dr. Geek

Vous pouvez le faire de différentes manières.

Je peux vous dire qu'une méthode consiste à utiliser Events .

Events est un système d’événement de type publication-abonnement pour envoi et répondre aux événements au niveau de l'application dans votre application.

Une autre méthode peut utiliser la variable provider. Sur ce cas d'utilisation, vous pouvez partager vos variables methods et variables par le biais de la variable provider.

5
Sampath

Le moyen le plus rapide consiste à utiliser un fournisseur GlobalVars:

installez-le d'abord avec:

ionic g provider globalvars

cela ajoutera automatiquement le nouveau fournisseur à votre fichier app.module.ts

import {Injectable} from '@angular/core';
@Injectable()
export class GlobalVars { 
myGlobalVar: any;
constructor() { 
this.myGlobalVar = ""; 
} 

setMyGlobalVar(value) { 
this.myGlobalVar = value; 
}

getMyGlobalVar() { 
return this.myGlobalVar; 
} 
}

Vous définissez là les méthodes getter et setter et la variable requise est accessible via une instance de cette classe! dans YourOtherPage.ts, vous pouvez obtenir la variable avec: this.glVars.getMyGlobalVar () [] par exemple.

ici, vous pouvez en savoir plus: https://ionicallyspeaking.com/2016/03/10/global-variables-in-ionic-2/

0
Rebar