我在滚动视图下面启用了分页,当用户在页面之间滚动时,我需要更新一些其他视图。所以我添加了k-change回拨事件。
<kendo-mobile-scroll-view
id="myScrollview"
k-data-source="myArray"
k-enable-pager="false"
k-page="10"
k-template="templates.myTemplate"
style="height:100%;"
k-change="onScrollChange"
>
</kendo-mobile-scroll-view>
在我的控制器中:
$scope.onScrollChange = function(event)
{
console.log("onScrollChange called");
.... Modify few scope variables ....
// To reflect changes I need to call
$scope.apply();
}
但问题是当我的HTML页面加载时,我的onScrollChange
也被调用,当时我调用$scope.apply()
然后我看到日志中的错误说明正在进行范围更新并且我的HTML视图得到了不安。
那么我怎样才能在滚动视图的用户交互上调用$scope.apply()
以避免此错误。
如果不致电$scope.apply()
,我的其他观点就不会更新。