Javascript 如何将ColumnFilter或LightColumnFilter与角度数据表一起使用错误b.dataTable.ColumnFilter不是函数

Javascript 如何将ColumnFilter或LightColumnFilter与角度数据表一起使用错误b.dataTable.ColumnFilter不是函数,javascript,jquery,angularjs,datatables,angular-datatables,Javascript,Jquery,Angularjs,Datatables,Angular Datatables,我想在角度数据表中使用columnFilter或LightColumnFilter,但出现以下错误b.dataTable.columnFilter不是函数 我知道在网站示例中,它显示您需要添加这些脚本 <script src="vendor/datatables-columnfilter/js/dataTables.columnFilter.js"></script> <script src="vendor/angular-datatables/dist/plugi

我想在角度数据表中使用columnFilter或LightColumnFilter,但出现以下错误
b.dataTable.columnFilter不是函数

我知道在网站示例中,它显示您需要添加这些脚本

<script src="vendor/datatables-columnfilter/js/dataTables.columnFilter.js"></script>
<script src="vendor/angular-datatables/dist/plugins/columnfilter/angular-datatables.columnfilter.min.js"></script>
这就是我创建表格的方式

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)
                        ;

dataTables.columnFilter.js
不是标准dataTables插件的一部分,因此在通常可以获得其他datatable插件的CDN上不可用。你可以从这里得到它

还要确保你的应用程序依赖于
datatables.columnfilter
模块

angular.module('showcase.withColumnFilter', ['datatables', 'datatables.columnfilter']).controller('WithColumnFilterCtrl', WithColumnFilterCtrl);

我对使用bower下载的库有异议。使用以下链接下载的库修复了我的问题

angular.module('showcase.withColumnFilter', ['datatables', 'datatables.columnfilter']).controller('WithColumnFilterCtrl', WithColumnFilterCtrl);