angularjs – 观察iScroll的angular指令

前端之家收集整理的这篇文章主要介绍了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相关文章