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() { }
}
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
.
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/