2017-03-06 8 views
2

navbarをルートHTMLに設定した場合、私のイオンナビでタイトルを動的に設定する最良の方法は何ですか?例えばionic 2 - ダイナミックイオンタイトル

app.html

<ion-header> 
    <ion-navbar> 
    <ion-title>{{some title here}}</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

<ion-footer> 
</ion-footer> 

現在、私は、各コンポーネントのビューを与えていることは、それに対応するHTMLファイル内に独自のイオンナビゲーションバーだが、タイトルはビュー間で点滅していると私は新しいナビゲーションバーがあるので、これがあると思います毎回作成されます。

アドバイスは素晴らしいでしょう。

Thaanks!

+0

これは同様の要件ですが、正確には同じではありません。 [**こちら**](http://stackoverflow.com/questions/42596458/how-can-i-detect-the-inner-html-change-in-a-div-with-angular-2/42596914# 42596914) – Aravind

+0

ionic2には関係がありませんが、私がこれをやりたいのは、それぞれをメニュー見出しとタイトルにマップするすべてのアプリケーションルート上に投影を定義することです。それから、上位レベルのコンポーネントにアクセスできます。イオンが働くかどうかは分かりません。 –

答えて

1

現在、私はあなたがion-navbarをどのように処理するかをまさにそれその 対応するHTMLファイル

で、それは自分のイオンナビゲーションバーだ各コンポーネントのビューを与えています。 navbarを含むカスタムコンポーネントを定義してアプリケーション全体に再利用することを考えているのであれば、それをしないでください(@martiningtonのIonicチームはthis SO postでそれを行うべきではない理由を説明しています)。

ちらつきの問題を解決するために、app.htmlファイルからion-headerを除去することによって、試してみてください、ちょうどすべてのページに続いて

<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

を残し、適切なタイトルとヘッダーが含ま:

<ion-header> 
    <ion-navbar> 
    <ion-title>{{ pageTitle }}</ion-title> 
    </ion-navbar> 
</ion-header> 
+0

偉大な答えは、グローバルなイオンナビゲーションバーを作成する時間の束を費やしていないことを知って素晴らしいが、問題は永続するようにメニューを設定していませんでした! – user2085143

+0

答えを私の質問として受け入れることは、ちらつきの問題を取り除く方法ではなく、ダイナミックイオンのタイトルを設定する方法でした。 – user2085143