クリック時のクラス間のデータ転送角度2 /イオン2

Question

私のapp.htmlには、役割のリストを含むサイドメニューがあります。アプリの上部にあるツールバーは私のlandingPage.htmlの一部であり、ヘッダーに "App Name：Role"と表示されます。ユーザーが新しい役割をクリックするたびに、ランディングページのツールバーに反映されるようにしたいと思います。

私のlandingPage.tsファイルにはchangeRole(newRole)という機能がありますが、それは私のapp.tsのクリックイベントからどのようにアクセスするのかわかりません。

イベントをリスンして、クリックしたものを別のクラスの関数に送信するにはどうすればよいですか？

Answer 1

私の答えhereからグローバルデータを共有するためのサービスを注入する方法の例：グローバル・データを保持するために、プロバイダを使用し

---

はイオン2ベータ6で私のために働いている、と私はそれがあると信じてionic g provider GlobalServiceお知らせ生成されたサービスは、トンであなたのサービスを注入@Injectable

で飾られている方法：角2

でのお勧めは、コマンドラインからプロバイダを生成します彼は@Appクラスです;あなたはプロバイダの配列にそれを宣言することにより、次の操作を行います。

@App({ 
     templateUrl: 'build/app.html', 
       providers: [GlobalService] , 
       config: {} // http://ionicframework.com/docs/v2/api/config/Config/ 
      }) 

これは、すべてのページにづけしているプロバイダの単一のインスタンスを作成します。あなたがそれを使用する必要がどこに、は、プロバイダの配列に宣言し、なくんページのコンストラクタに：

@Page({ 
     templateUrl: 'build/pages/new-page/new-page.html', 
     }) 
     export class NewPage{ 

     constructor(public globalService: GlobalService) { 
    } 

    someFunction(){ 
    this.globalService.someGlobalFunction(); 
    } 

Answer 2

コンポーネントの相互作用のために、いくつかの共通のパターンを詳細にここで良いのリソースがあります：

https://angular.io/docs/ts/latest/cookbook/component-communication.html

あなたのユースケースの場合は、おそらくあなたの役割 'の値をカプセル化するサービスを定義することをお勧めします。その値にアクセスする必要があるコンポーネントにそのサービスを注入します。