如何在角材料自动完成中过滤对象

时间:2018-09-12 16:03:17

标签: angular typescript angular-material2

我正在尝试在角度材料自动完成表格输入上创建一个过滤器。当我有一个对象数组时,我无法筛选值。

我已经从角度材料文档中分叉了示例,并对其进行了修改以尝试过滤对象。除此之外,它与文档示例在很大程度上没有变化。

stackblitz

1 个答案:

答案 0 :(得分:1)

如果要过滤城市名称,则必须指定city_name属性。因此,您只需要相应地调整过滤器

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