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個標籤添加指令。