让yadcf（用于数据表）在Angular 2（jQuery 3）中工作
我一直在使用伟大的插件yadcf作为datatables库。 我一直在使用asp.net mvc 5的视图中没有问题。 我们目前正在使用提供数据的ASP.NET Web Api将应用程序迁移到Angular 2。
我已经通过最少的更改移动了代码，并且通过将对datatables库的引用放在承载角度应用程序的index.html页面上的脚本标记中，设法使数据表正常工作。
然后，我从承载表的组件中运行下面的datatables初始化代码。
但是每当我尝试用yadcf.init做同样的事情时，我得到：
Uncaught (in promise): TypeError: Cannot read property 'replace' of undefined 它崩溃了。
ngOnInit(){ this.table = $('#studyList') .DataTable({ serverSide: true, responsive: true, processing: true, ajax: {........ ........ } ......... }); // runs fine to here and datatables works when the following is commented out // but crashes as soon as i try and initialise yadcf from // from within the component as follows. yadcf.init(this.table, [ { column_number: 5, filter_type: 'multi_select', select_type: 'select2', data: [ { label: 'Included', value: 1 }, { label: 'Excluded', value: 2 }, { label: 'Insufficiently Screened', value: 4 } ] } ]); // This causes "Uncaught (in promise): TypeError: // Cannot read property 'replace' of undefined" error }
真的不想丢失新应用程序中的过滤function，所以非常感谢您的帮助！
是否有一些关键是让我使用角度2，我错过了？
编辑
看起来错误实际上是由使用jquery 3引起的（见下文）。
我意识到错误与角度无关（它只是被角度重新抛出）！
我有一个不同版本的jQuery （原始MVC应用程序中的2.2.4但在我的角度应用程序的index.html中引用了3.1.0 ）
事实certificate，yadcf与jQuery 3的搭配并不好。
具体来说，在yadcf.init(oTable, options_arg, params)函数的第一行中yadcf.init(oTable, options_arg, params)进行以下赋值。
function init(oTable, options_arg, params) { var instance = oTable.settings()[0].oInstance; // ...... // it is assumed that variable instance has a property called selector // but this is not the case in jquery 3 so all occurrences of // "instance.selector" later in the function are undefined. // ...... $(document).data(instance.selector + "_filters_position", params.filters_position); if ($(instance.selector).length === 1) { setOptions(instance.selector, options_arg, params); initAndBindTable(instance, instance.selector, 0, oTable); } else { for (i; i < $(instance.selector).length; i++) { $.fn.dataTableExt.iApiIndex = i; selector = instance.selector + ":eq(" + i + ")"; setOptions(instance.selector, options_arg, params); initAndBindTable(instance, selector, i, oTable); } $.fn.dataTableExt.iApiIndex = 0; } }
这意味着yadcf未初始化，因此稍后调用yadcf.exFilterColumn(table_arg, col_filter_arr, ajaxSource)将抛出错误Cannot read property 'replace' of undefined 。
至于yadcf中的jQuery3支持 – 你必须使用yadcf – 0.9.0 （或0.8.9的最后一个beta版本，它也在changelog文件中说明