jquery - 使用高亮filterData在全局变量上不显示过滤器数据意味着不在Typescript中的功能

Question

我正在使用Angular DataTable一切正常，但是当我console我的variable在功能下时显示，但是当我console在功能外时它不显示console时，variable上没有任何内容variable为空白。

  @ViewChild(DataTableDirective)
  private datatableElement: DataTableDirective;
  dtOptions: DataTables.Settings = {};

  var getFilterData=""

  this.datatableElement.dtInstance.then((dtInstance: DataTables.Api) => {
      dtInstance
        .on( 'draw', function () {  
          getFilterData=dtInstance.search()
            console.log(getFilterData) //getting filter value
      } );
    })

没有获得过滤值

console.log(getFilterData) // not getting filter value

我的期望是

如何在全局变量中存储过滤器值意味着在函数外部，我在函数下获取值，但不在函数外部，并且我想要过滤器突出显示我想要的值（如果我得到的话），那么我可以轻松地使过滤器数据高亮。

Answer 1

问题是您正在使用javascript function和Typescript function，并且在javascript function下该值正在获取，但我认为您在Typescript下未得到该值，因为这与从javascript传递到Typescript的不同。

如果要突出显示过滤器数据，则只需选择2个选项即可，根据您的选择，这里有2个选项。


使用npm依赖npm install julmot/mark.js --save-dev和npm install julmot/datatables.mark.js --save-dev
使用CDN https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js)和https://cdn.datatables.net/plug-ins/1.10.13/features/mark.js/datatables.mark.js


这是链接Link 1和Link 2

并仅用于突出显示过滤器数据示例

this.dtOptions={
 mark=true
}

和自定义

this.dtOptions={
 mark:{
   className: 'highlight'
 }
}

关于mark js和highligh文档的更多信息是 Here