如何通过模板字符串

Question

在我的angualar项目中，我有一个包含用户列表和搜索栏的表格。这是我的搜索功能：

searchUser() {
    const regExp = new RegExp(this.searchTerm, 'gi');

    this.users = this.users.filter((user) => regExp.test(user.username));
}

现在只能通过用户名进行搜索，但我希望能够按所选字段进行搜索。我有一个选择我的搜索条件的选项。所以我不知道根据选择的搜索标准如何动态地改变过滤器功能内用户对象的属性。

我已经考虑过es6模板字符串并尝试这样：

this.users = this.users.filter((user) => regExp.test(user`.${this.selectedCriterion}`)

但它没有用。这个的正确语法是什么？ 将不胜感激任何建议

Answer 1

使用计算属性语法

this.users = this.users.filter((user) => regExp.test(user[this.selectedCriterion])