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>
..
私のアプリではこれを使用しました:
<ion-view title="{{Properties.Title}}">
ここで、Propertiesはスコープ上のオブジェクト(マスターコントローラーのようなものがあります)であり、各「内部コントローラー」で「オーバーライド」します。
ion-view
を使用している場合は、次を使用してください。
<ion-nav-title>
{{ PageTitle }}
</ion-nav-title>
そしてそれをあなたのion-content
の外に置いてください。
を使用していて、入力/テキスト領域がいっぱい(空ではない)の場合にのみヘッダーバーにボタンを表示したい場合は、次の操作を実行できます。
<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"を使用するだけでは機能しません。