AngularJS $scope 绑定数据无法刷新

今天遇到个问题，在页面上绑定了一个数据（年份），数据来源是一个日期选择框。在datepicker的change事件中定义了年份的刷新，但是实际没有效果。代码如下：

$('#year_picker').datepicker({
	//...
    format: "yyyy",
    }).on('change', 
		function(){
			var year = $(this).val();
			$scope.year = year; //无效，页面上的年份不更新
	    }
);

单独选年份，页面上绑定的年份不更新，但是做点其他操作，比如点击某个按钮、选中一行记录之后，年份就更新了。推测是这些操作出发了angualr某种机制，让绑定的数据进行了刷新。

一番摸索之后，找到了办法：$scope强制刷新

$scope.year = year; //这句不会立刻生效
$scope.$apply(); //手动刷新生效

年份刷新了，问题解决。

 

参考：https://blog.csdn.net/houyanhua1/article/details/80245777