Angular 如何使用管道在多个复选框和搜索字段上组织数据过滤？

我继续学习Angular 6，但我遇到了这样一个事实：我不知道如何使用管道在多个复选框和搜索字段上组织数据过滤。我读了很多论坛和课程，但我不能理解这个任务

以下是代码中的剪辑：

我的组成部分：

从'@angular/core'导入{Component，OnInit，Output}；
从“../admin.service”导入{AdminService}；
从“rxjs”导入{Observable}；
@组成部分({
选择器：“应用程序模块”，
templateUrl:'./app module.component.html'，
样式URL:['./app module.component.scss']
})
导出类AppModuleComponent实现OnInit{
公共数据：{
服务：[
{
身份证号码：，
名称：string，
url:string，
连接：布尔，
使用：布尔，
警告：布尔值
}
]
};
公共服务：任何=[]；
构造函数（私有adminService:adminService）{}
恩戈尼尼特（）{
这是.getServicesList（）；
}
getServicesList（）{
this.adminService.getServices（）
.订阅（数据=>{
这个数据=数据；
this.services=data.services；
});
}
}

我的服务：

从'@angular/core'导入{Injectable}；
从'@angular/common/http'导入{HttpClient}；
从“rxjs”导入{Observable}；
@可注射（）
导出类管理员服务{
私人API服务器http://localhost:3000';
建造师(
私有http:HttpClient
) { }
getServices（）：Observable
您的意思是，您需要根据在搜索中输入的内容进行筛选吗？很抱歉，我还不能发表评论。
在屏幕截图之后，您应该创建一个管道。您可以这样使用它：

<input type="text" [(ngModel)]="query">
<div *ngFor="let provider of providers | fullSearch:query:'name'">

很抱歉，我无法提供适合您的案例或文档的代码，但我现在正在打电话，这一点都不方便。请明天通知我并发表评论，或者自己查找文档！
很抱歉，太多的代码让我无法承受，尤其是在没有语法颜色的情况下。您能说明您想要添加什么吗chieve？@trichetriche，如上所述，我添加了一个屏幕和我想要实现的我，我按照你给我看的那样做了筛选，效果很好。但我仍然没有达到预期的结果。我需要的是，除了搜索字段上的筛选外，数据也会被筛选和复选框。也就是说，我有一个服务，例如，未连接，并且re是一个已连接的服务。单击“已连接”复选框我只想查看已连接的服务，另外，单击“已发现”复选框，我想获取已连接和未连接的服务。请提供帮助。@trichetriche
transform(items: any[], query: string, property: string) {
  return items.filter(item => item[property].includes(query));
}