主要介绍了Angular6 Filter实现页面搜索的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 我们在开发过程中经常会遇到在页面上实现全局搜索的需求，例如：表格搜索，通过关键词检索整个表格，过滤出我们需要的数据。在Angular6 中我们可以通过Filter + Pipe 的方式来实现这个功能。下面我们看一下实现代码。 经人提醒，代码排版太乱。后续考虑将一个完整版的demo放到GitHub上，敬请期待。 实现代码 第一步 新建一个名为 filter.pipe.ts 的文件，这部分是实现的核心代码： import { Pipe, PipeTransform } from 'an