javascript - 如何用angularjs实现上拉刷新?
伊谢尔伦
伊谢尔伦 2017-04-11 11:41:41
[JavaScript讨论组]

我用nw.js 和angularjs开发一款桌面程序。
现在想实现上拉刷新功能。
我的做法是先利用jQuery的一个插件来监控上拉到底的事件,然后更新一个input的值,通过ng-change来监视这个input值,进而在controller里面响应。
代码如下

html:

js:

$(document).ready(function (){
var nScrollHight = 0; 
var nScrollTop = 0;  
var npHight = $("#chat-window").height();
var count = 0;
$("#chat-window").scroll(function(){
    nScrollHight = $(this)[0].scrollHeight;
    nScrollTop = $(this)[0].scrollTop;
    if(nScrollTop + npHight >= nScrollHight)
    {
        count+=1;
        $("#zs-scroll-input").val(count);
    }
});
});

问题是,每次页面下拉到底端的时候,input的值都会发生改变,但是不会触发ng-change。但是我手动更改input的值就可以触发ng-change时间。令我是用了$scope.$watch也是一样。

不知道正确的做法是怎样的?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
阿神

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

ringa_lee

这个貌似有专门的ng插件的,不用jq

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号