技術

【ionic】view-titleが更新できない!!

投稿日:

どうも中田です。

ionicのview-titleを動的に変えるってパターンはしょっちゅう使うかと思います。
しかし、view-titleの値を設定してるのに空欄で出ちゃうって現象が発生しました。

【ionic】ナビゲーションバーがちらつくの続編にもなります。

上記対応後発生したので、<ion-nav-bar>を消したのが契機みたいですね。

しかし、再度<ion-nav-bar>を入れる訳にはいけないのでどうするか。
こうします。

<ion-view view-title="{{data.title}}">
    <ion-nav-title>
      {{data.title}}
    </ion-nav-title>
    <ion-content>
      ...(略)
    </ion-content>
</ion-view>

<ion-nav-title>でタイトル部分を表示します。

なるほどね〜

感謝サイト
http://developer.mobilecaddy.net/2015/05/ionic-view-title-not-updating-solution/

-技術
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

【Rails】そろそろデバッグしましょうか

どうも中田です。 今までrailsの開発はIDEを使わずテキストエディタだけでや …

no image

VivaldiのWEBパネルに登録して便利だったサイトを紹介する

こんばんは VivaldiのWEBパネルはとても便利です。 今回はWEBパネルに …

no image

[Angular]ng-forでオブジェクトを回してkeyとvalueを取得する。

AngularのディレクティブであるngForで以下のように、オブジェクトを回そ …

Chrome開発者ツールの背景を黒にする

普段コーディングしている時は、背景黒の方が目に優しい気がするのでエディターの背景 …

no image

【Angular】Full calendarで横スクロールを実装

こんにちは Full Calendarにはいくつかの表示モードがあります。 こち …