Dynamically change header bar title text

ionic-v1
1

Is there a way to dynamically change tab header title?

<ion-header-bar class="bar bar-header bar-positive text-center disable-user-behavior">
        <h1 style="width: 100%;color: white;" class="ng-binding">Change this Title dynamically?</h1>
    </ion-header-bar>
2

Are you trying to change the title to the current view? For that you should use ion-nav-bar

http://ionicframework.com/docs/api/directive/ionNavBar/

3

What about if you want to change the title of a subhear bar?

<ion-view view-title='Fill an Application'>
        <ion-header-bar class='bar-subheader bar-stable'>
                <div class='buttons'>
                        <a class="button button-clear button-dark" ng-show="currentStepIndex > 0" ng-click='prevStep()'>{{currentStep.prevButton}}</a>
                </div>
                <h2 class='title'>{{currentStep.title}}</h2>
                <div class='buttons'>
                        <a class="button button-clear button-dark" ng-show="currentStepIndex < steps.length" ng-click='nextStep()'>{{currentStep.nextButton}}</a>
                </div>
        </ion-header-bar>

        <ion-content padding has-header has-subheader scroll>
        </ion-content>
</ion-view>
4

For a subheader, you would just use regular bindings and set the value.

5

It doesn’t work for me. if in my controller I assign a new value to $scope.currentStep.title, it doesn’t get changed on my view.

6

Could you provide a demo of what you are trying to do?