javascript - 如何使用带有 Angular 数据表错误的 ColumnFilter 或 LightColumnFilter b.dataTable.columnFilter 不是函数

Question

我想将 columnFilter 或 LightColumnFilter 与 Angular 数据表一起使用，但出现以下错误 b.dataTable.columnFilter is not a function

我知道在网站示例中https://l-lin.github.io/angular-datatables/#/withColumnFilter它表明你需要添加这些脚本

<script src="vendor/datatables-columnfilter/js/dataTables.columnFilter.js"></script>
<script src="vendor/angular-datatables/dist/plugins/columnfilter/angular-datatables.columnfilter.min.js"></script>

但由于这些示例是前一段时间制作的，我相信第一个脚本 dataTables.columnFilter.js 在以后的 jquery 数据表版本中不再可用

我正在使用 jquery Datatables 1.10.12 和

angular-datatables 0.5.5 and angularJs 1.5.7

这就是我创建表格的方式

vm.dtOptionsEstatus = DTOptionsBuilder.fromSource('data')
                    .withPaginationType('full_numbers')
                    .withOption('createdRow', createdRow)
                    .withOption('stateSave', true)
                    .withColumnFilter({
                        '0': {
                            type: 'text'
                        },
                        '1': {
                            type: 'text'
                        },
                        '2': {
                            type: 'text'
                        },
                        '3': {
                            type: 'text'
                        },
                        '4': {
                            type: 'text'
                        }
                    })
                    // Add Bootstrap compatibility
                    .withBootstrap()


    // Active Responsive plugin
//                        .withOption('responsive', true)
                        .withScroller()
//                        .withOption('scrollY', 100)
                        .withOption('scrollX', 200)
//                        .withOption('bFilter', false)
                        ;

Answer 1

我对使用 Bower 下载的库有疑问。使用以下链接下载的库解决了我的问题。

<script src="http://l-lin.github.io/angular-datatables/archives/vendor/datatables-light-columnfilter/dist/dataTables.lightColumnFilter.min.js"></script> <script src="http://l-lin.github.io/angular-datatables/archives/dist/plugins/light-columnfilter/angular-datatables.light-columnfilter.js"></script> 

更多信息https://github.com/l-lin/angular-datatables/issues/928