javascript - 无法读取未定义的 Angular 5 的属性 'toLowerCase'

Question

我正在尝试过滤 ngx-table 的一列，我按照示例进行操作，但它不断给出错误“无法读取未定义的属性‘toLowerCase’”

这是模板部分

<ngx-datatable-column name="Nom" class="name">
  <ng-template ngx-datatable-cell-template let-value="value">
    {{value}}
  </ng-template>
</ngx-datatable-column>

及其附加的功能

updateFilter(event) {
const val = event.target.value.toLowerCase();

// filter the data
const temp = this.temp.filter(function(d) {
  return d.name.toLowerCase().indexOf(val) !== -1 || !val;
});

// update the rows
this.rows = temp;
// Whenever the filter changes, always go back to the first page
this.table.offset = 0;}

知道如何解决这个问题吗？

Answer 1

看起来被过滤的项目并不都包含值“名称”。在返回该函数之前尝试 console.log(d) 以验证您是否收到了预期的数据。