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

【问题标题】：how to filter objects in angular material autocomplete如何在角度材料自动完成中过滤对象
【发布时间】：2018-09-14 00:15:17
【问题描述】：

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

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

stackblitz

【问题讨论】：

标签： angular typescript angular-material2

【解决方案1】：

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

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

【讨论】：

谢谢。如果我想过滤所有值怎么办？这可能吗？
是的 - 你只需要做一个或条件return this.options.filter(option => option.city_name.toLowerCase().includes(filterValue) || option.city_num.toLowerCase().includes(filterValue) );