如何过滤其中包含数组的mat-table？

Question

我有一个包含4个显示列（email-firstname-lastname-skills）的表，存储在dataSource中，其中一个是“Skills”列，它是一个数组，这四列是从数据库中提取的，用户的模型是

Email [string]
firstname [string]
lastname [string]
skills 
{
 skill(id - reference to _id){
            _id: [id]
            name: [string]
          }
}

我尝试使用角度教程中的过滤器，没有运气

我在这里试过这个代码

    applyFilter(filterValue: string, abc: string) {
        // this.dataSource.filter = filterValue.trim().toLowerCase();
        // console.log(this.dataSource.filter)
        const re =  { $regex: new RegExp(filterValue).source, $options:'gi' };



        this.userService.getUsers({
          '$or': [
            { firstname: re} ,
            { lastname: re },
            { email: re },
            { 'skills.skill.name': re }
            ]



        }).subscribe(users => {
          this.dataSource.data = users;
          // console.log(users)
        })
      }

我希望过滤器可以在整个表上工作，但代码可以在除“技能”列之外的所有列上工作，任何想法？

更新：

db structure

在那个图像中有我的mongodb结构，有没有办法通过引用另一个db结构的字段'Skill'自动填充字段'Skillname'？

Answer 1

由于您使用了observable，请利用它：

data$ = this.userService.getUsers(...);
search = new FormControl('');
dataSource$ = combineLatest(
  this.search.valueChanges.pipe(startWith('')),
  this.data$
).pipe(
  map(([query, arr]) => arr.filter(item => item.XXX.includes(query)))
);

现在你有一个只包含过滤结果的Observable。您可以订阅它并从中创建数据，也可以在HTML中使用async管道。

Answer 2

最后，过滤器实际上正在工作，因为我保存了objectID而不是字符串，所以我改变了，所有工作都很好