分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

angularjs – 观察iScroll的angular指令

Angularjs   发布时间：2022-04-20  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 观察iScroll的angular指令，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在尝试观察用户在IScroll(v5)中滚动的时间.

我仍然很有角度,只是学习写指令.
从其他例子来看,我正在努力.
我的指示是

app.directive('watchScrolling',function(){ 
   return {
      restrict: 'E',link: function(scope,elem,attr,ctrl) {
         elem.bind('scroll',function(e) {
            console.log('scrolling');
         });
      }
   };
});

在我的HTML中

<div id="wrapper" class="watch-scrolling">
   <iv class="scroller"> </div>
</div>

我正在使用ngIscroll来连接滚动条.

这是我应该写我的指令的方式吗？或者我应该使用$.watch方法???
有关如何使其工作的任何建议？

解决方法

问题出在restrict参数中.在您的示例中,指令仅限于元素名称,但实际上您将其用作CSS类(“watch-scrolling”).

正确：

app.directive('watchScrolling',function(){ 
   return {
      restrict: 'C',ctrl) {
        console.log('Linked');
         elem.bind('scroll',function(e) {
            console.log('scrolling');
         });
      }
   };
});

Plunker

大佬总结

以上是大佬教程为你收集整理的angularjs – 观察iScroll的angular指令全部内容，希望文章能够帮你解决angularjs – 观察iScroll的angular指令所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：
猜你在找的Angularjs相关文章
其他相关热搜词更多
JavaScript之正则表达式学习笔记