web-dev-qa-db-ja.com

ionicフレームワークで動的にタイトルを生成するにはどうすればよいですか?

ionicペットテンプレートを使用しています。ペットの詳細ページについて質問があります。ヘッダーに動的なタイトルを付けたい場合は、ページをリロードするまで何も表示されません(Webを使用)ブラウザ)ですが、アプリを作りたいので意味がないと思います。何か足りないのですか?どうすればいいですか?

これが私のコードです:

<ion-nav-bar class="bar-positive">
<div class="buttons" ng-controller="BackCtrl">
    <a class="button button-icon icon ion-chevron-left" ng-click="$back()"></a>
</div>
<h1 class="title"> {{ current_pet.name }} </h1>

..

12
GaGa

私のアプリではこれを使用しました:

<ion-view title="{{Properties.Title}}">

ここで、Propertiesはスコープ上のオブジェクト(マスターコントローラーのようなものがあります)であり、各「内部コントローラー」で「オーバーライド」します。

9
Amir Popovich

ion-viewを使用している場合は、次を使用してください。

<ion-nav-title>
    {{ PageTitle }}
</ion-nav-title>

そしてそれをあなたのion-contentの外に置いてください。

34
dk123

を使用していて、入力/テキスト領域がいっぱい(空ではない)の場合にのみヘッダーバーにボタンを表示したい場合は、次の操作を実行できます。

<ion-header-bar class="bar-light">
  <h1 class="title">{{$root.Title}}</h1>
  <div class="buttons">
    <button class="button button-clear icon ion-checkmark-round" ng-click="" ng-if="$root.Title"></button>
  </div>
</ion-header-bar>

そして「ion-content」の中-

<div class="row>
  <textarea placeholder="" rows="3" maxlength="100" ng-model="$root.Title" ng-trim="false"></textarea>
</div>

そうしないと、ヘッダーバーでng-if = "Title"を使用するだけでは機能しません。

0
mutp