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

이렇게 작성했기 때문에 이 두 문이 실행될 때 이벤트가 특정 DOM 요소에 바인딩됩니다. 전환하거나 페이징하면 DOM이 다시 빌드되고 이 두 문을 다시 실행하지 않으면 이벤트가 사라집니다.
실제로 Angular에서 이 요구 사항을 구현하는 가장 좋은 방법은 지시문에 이벤트 바인딩을 작성하고 이 두 태그에 지침을 추가하는 것입니다.