<ion-nav-title> not updating with $scope

My $scope variable updates inside an $http service but the changes are not reflected in ion-nav-title tag. If I keep it inside ion-content it works fine.

See my StackOverflow post. http://stackoverflow.com/questions/38415024/angular-view-not-updating-from-controller-apply-already-in-progress

you may use
var value = “”;

$scope.$on(‘updatebalance’, function() {

$scope.bal = value;
}

and inside the success function of http call

value = newvalue
$rootScope.$broadcast(‘updatebalance’);

I wasn’t able to get that to work.

When looking at the ion-nav-bar directive it says that it is only updated on a state change. Would I need to write my own directive?

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