如何在 angular material 自动完成中过滤对象

Question

我正在尝试在 angular material 自动完成表单输入上创建过滤器。当我有一个对象数组时，我无法过滤值。

我从 angular material 文档中 fork 了示例并对其进行了修改以尝试过滤对象。除此之外，它与文档示例基本没有变化。

stackblitz

Answer 1

如果您尝试过滤城市名称，则必须指定 city_name 属性。所以你只需要相应地调整你的过滤器

return this.options.filter(option => 
    option.city_name.toLowerCase().includes(filterValue) || 
    option.city_num.toLowerCase().includes(filterValue));