场景描述
在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(); // 这句是关键
}