Ionicの他のページからapp.component変数とメソッドにアクセスするにはどうすればよいですか？

Question

他のページ（otherpage.ts）やその他のコンポーネントから、変数またはアクセス方法app.component.tsにアクセスして変更したいです。あなたはいくつかの方法でこれを行うことができます

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

Answer 1

。

Eventsを使用しています。

イベントは、アプリ全体のアプリケーションレベルのイベントに応答し、 を送信するためのパブリッシュ/サブスクライブスタイルのイベントシステムです。

もう一つの方法は、ケースを使用provider .Onを使用することができる、あなたはproviderを通して、あなたのmethodsとvariablesを共有することができます。

はと最初にそれをインストールします：

Answer 2

最速の方法は、GlobalVarsプロバイダを使用することです

ionic g provider globalvars 

これは自動的にあなたの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; 
} 
} 

ここに定義しますgetterとsetterのメソッドと、このクラスのインスタンスを通じて必要な変数にアクセスできます。 YourOtherPage.tsで変数を取得するには、this.glVars.getMyGlobalVar（）などがあります。ここ

あなたはそれについての詳細を読むことができます：https://ionicallyspeaking.com/2016/03/10/global-variables-in-ionic-2/