Как я могу генерировать название динамически на ионной основе?

Я использую ионный шаблон для домашних животных. У меня есть вопрос о странице домашней страницы, если я хочу иметь динамический заголовок в заголовке, он ничего не покажет, пока я не перезагружу страницу (используя веб-браузер), но я думаю, что это не имеет смысла, так как я бы как сделать приложение. Мне что-то не хватает? что я могу сделать?

вот мой код, как показано ниже:

<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>

Ответ 1

В моем приложении я использовал это:

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

Где Свойства - объект в моей области (у меня есть вид главного контроллера), где я "переопределяю" на каждом "внутреннем контроллере".

Ответ 2

Если вы используете ion-view, используйте это:

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

И поставьте его вне своего ion-content.

Ответ 3

Если вы используете, и вы хотите показать кнопку в панели заголовка только при заполнении ввода /textarea (не пустое), вы можете сделать следующее.

<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>

и внутри "ионного содержания" -

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

В противном случае использование ng-if = "Заголовок" в панели заголовка не будет работать.