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 つのタグに命令を追加することです。