2017-02-16 15 views
0

私はタブを使ってイオンプロジェクトを持っています。私のタブでページへのイオン経路の後に発射機能を維持しますか?

私は、次の持っている:私はこれをクリックすると

<ion-tab [root]="tab1Root" (ionSelect)="toggleCompare();" tabTitle="Compare"></ion-tab> 

は、それが正しくルート・ページに戻って私を取り、その後、私のtabs.ts内にある私のtoggleCompare機能を実行します...

constructor(public navCtrl: NavController, private _appGlobals: AppGlobals) { 
    this._appGlobals.showCompare.subscribe(value => this.compare = value); 
} 

toggleCompare() { 
    this.compare = !this.compare; 
    this._appGlobals.showCompare.next(this.compare); 
} 

もう一度他のページから来るクリックでも問題はありません。私が持っている問題は、あなたがボタンをもう一度クリックすると、ページは絶対に何もしないということです。リフレッシュしないで、関数を実行しない。

誰かがトグルするより良い方法を提案することはできますが、ユーザーがまだページにいない場合は、ページに戻ってルーティングすることもできますか?

アドバイスはありがとうございます。

+0

ユーザーがそのページに移動したときにのみ 'toggleCompare()'を実行するか、ユーザーがこのタブをクリックするたびに実行させますか? –

+0

@GabrielWabiz私はそれがあなたがいるページを走らせたいと思っています。アイデアはタブをクリックすることです。別のページにいる場合は、比較要素がオンになっているページに戻ってきて開きます。しかし、すでにページ上にある場合は、単にcompare要素を開き、ルーティングを行いません。 – Alsh

答えて

0

私はイオンタブが私が望む結果を達成するための阻止剤であると結論づけました。私はそれらをリッピングし、Ionicが提供するサイドメニューテンプレートを使用して自分のタブを作った。これで私の問題が修正され、タブが動的にスワップアウトされました。

関連する問題