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

Parce que vous l'avez écrit de cette façon, l'événement est lié à l'élément DOM spécifique lorsque ces deux instructions sont exécutées. Lorsque vous changez ou faites une pagination, le DOM est reconstruit et l'événement disparaît à moins que vous n'exécutiez à nouveau ces deux instructions.
En fait, dans Angular, la meilleure façon d'implémenter cette exigence est d'écrire la liaison d'événement dans la directive et d'ajouter des instructions à ces deux balises.