angular.js - angularjs绑定滚动条事件失败

Question

最近用angularjs做管理后台，需要实现一个需求，两个分开的表格能够同时横向滚动，所以给这两个表格都绑定了scroll事件，页面刷新后是可以正常绑定的，但是如果页面切换后或者分页之后，就不行了。这个时候查看绑定在两个表格上绑定的时间并没有我绑定的事件= =
如果刷新一下页面又是可以的.....求大神指导T T

angular.element('#channelThead').bind('scroll',function(){
            setTimeout(function(){
                $('#channelTbody').scrollLeft($('#channelThead').scrollLeft());
            },100)
        })
angular.element('#channelTbody').bind('scroll',function(){
            setTimeout(function(){
                $('#channelThead').scrollLeft($('#channelTbody').scrollLeft());
            },100)
        })

Answer 1

因为你这样写，事件是在执行这2句语句时，绑定在具体的DOM元素上的。等你切换或分页时，DOM重建，事件就消失了，除非你再执行这2句语句。
实际上，在Angular中，这种需求的最佳实现方案是，把事件绑定写在指令中，对这2个标签添加指令。