javascript - 当使用 AngularJs 使用 DTOptionsBuilder、ColVis 更改列可见性时执行操作

Question

我将 DTOptionsBuilder 与 ColVis 插件一起用于数据表 + 在 AngularJs 中显示和隐藏列。我想在列的可见性发生变化时执行一些操作。我发现了一个通知列可见性已更改的事件“column-visibility.dt”。所以我想以 Angular 的方式做类似下面的事情，但对如何做感到困惑。

$('#example').dataTable();

$('#example').on( 'column-visibility.dt', function ( e, settings, column, state ) {
    console.log(
        'Column '+ column +' has changed to '+ (state ? 'visible' : 'hidden')
    );
} );

Answer 1

我的问题已解决，在初始化 colvis 插件时，有一个选项可以在列的状态更改时添加回调函数，如下所示:-

var colvis = new $.fn.dataTable.ColVis(table, {
     buttonText: '  ',
     align: 'right',
     exclude: _excludeColumns,
     stateChange: function(iColumn, bVisible) {
         console.log('Column '+iColumn+' set to '+ bVisible);
         //Do the stuff here
     }
});