角2无法读取属性未定义

Question

我有一个简单的搜索文本框和值改变，我在调用这个函数（我用Lodash）

onKeyCustomerSearch(event: any) { 

    this.SearchCustomerString = event.target.value; 

    this.customersView = _.clone(this.customersArray); 
    this.customersView.paginatedCustomers = _.filter(this.customersView.paginatedCustomers, function (x) { 
     return x.BusinessName.includes(this.SearchCustomerString); 
    }); 
    } 

我越来越无法读取的不确定

财产“SearchCustomerString”

但是，这是工作！

onKeyCustomerSearch(event: any) { 

    this.customersView = _.clone(this.customersArray); 
    this.customersView.paginatedCustomers = _.filter(this.customersView.paginatedCustomers, function (x) { 
     return x.BusinessName.includes(event.target.value); 
    }); 
    } 

Answer 1

而不是使用函数表达式（FE）我会用箭头功能()=>保留this的：

this.customersView.paginatedCustomers = _.filter(this.customersView.paginatedCustomers, 
          (x) => x.BusinessName.includes(this.SearchCustomerString)); 

又见

• https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_binding_of_this