angularjs – 观察iScroll的angular指令

发布时间：2020-12-17 17:19:32 所属栏目：安全来源：网络整理

导读：我正在尝试观察用户在IScroll(v5)中滚动的时间. 我仍然很有角度,只是学习写指令. 从其他例子来看,我正在努力. 我的指示是 app.directive('watchScrolling',function(){ return { restrict: 'E',link: function(scope,elem,attr,ctrl) { elem.bind('scroll',f

我正在尝试观察用户在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!