ion-content 中在on-scroll方法改变bind的值页面不改变的解决办法

场景描述

在ion-content中，拖动滚动条，当滚动条的位置发生改变时，动态修改ion-header-bar的title。
这个时候，下意识地就会想到用on-scroll方法，然后监听到滚动条滚动的位置，判断当位置为多少的时候就去修改$scope.title的值，本以为会动态绑定到视图上，谁知道视图并没有发生改变！

解决方法

原来在on-scroll方法中，改变了值之后，要调用一下$scope.$evalAsync()，这样才能发生改变！

$scope.CityScroll = function () {  
    var scrollTop = $ionicScrollDelegate.$getByHandle('CityHandler').getScrollPosition().top; 
    $scope.cityTitle = scrollTop;  
    $scope.$evalAsync(); // 这句是关键
}

参考资料: http://stackoverflow.com/questions/30493021/dom-bindings-not-getting-updated-on-ionic-content-on-scroll-event