为了账号安全,请及时绑定邮箱和手机立即绑定

如何用angularjs实现上拉刷新?

如何用angularjs实现上拉刷新?

LEATH 2018-10-11 18:17:43
我用nw.js 和angularjs开发一款桌面程序。现在想实现上拉刷新功能。我的做法是先利用jQuery的一个插件来监控上拉到底的事件,然后更新一个input的值,通过ng-change来监视这个input值,进而在controller里面响应。代码如下html:<input id="zs-scroll-input" ng-change="inputChange()" ng-model="scrollToBottom">js:$(document).ready(function (){var nScrollHight = 0;  var nScrollTop = 0;   var nDivHight = $("#chat-window").height();var count = 0; $("#chat-window").scroll(function(){     nScrollHight = $(this)[0].scrollHeight;     nScrollTop = $(this)[0].scrollTop;    if(nScrollTop + nDivHight >= nScrollHight)     {         count+=1;         $("#zs-scroll-input").val(count);     } }); });问题是,每次页面下拉到底端的时候,input的值都会发生改变,但是不会触发ng-change。但是我手动更改input的值就可以触发ng-change时间。令我是用了$scope.$watch也是一样。不知道正确的做法是怎样的?

1 回答

?
拉丁的传说

TA贡献1789条经验 获得超8个赞

你要把jq的插件封装成directive啊,否则脱离ng的管束,它是不会鸟你的。


查看完整回答
反对 回复 2018-11-15

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信