如何使用 Angular 8 根据高级按钮搜索过滤列表答案

【问题标题】：How to filter the list based on advance button search using angular8如何使用 Angular 8 根据高级按钮搜索过滤列表
【发布时间】：2020-04-02 15:06:50
【问题描述】：

我正在尝试从Advanced search 选项卡中过滤内容，在这里我输入了几个字段，基于点击搜索我需要过滤列表，当我点击重置时，必须清除所有输入的字段。

我也粘贴了工作链接，请任何人帮助我。

Demo

【问题讨论】：

这个问题读起来像一个要求，而不是一个重点/具体的问题陈述。请查看How to Ask 并在问题中添加minimal reproducible example 并描述您遇到的具体问题。
是的，这是一个要求，我能得到如何解决这个问题的提示或小帮助吗？
这不是Stack Overflow 的用途。请查看How to Ask。
请通过角度形式控制/反应形式。使用它创建一个搜索面板。在提交时获取值并通过您的 json 对象查询它。如果您遇到任何特定情况，请尝试实施并提出单独的问题。
@SRana 感谢您的帮助。我已经尝试并更新了链接。但它必须在 AND 基础上工作，如果所有字段都填满，它工作正常，但如果我给一个字段，那么它就不起作用。你能帮帮我吗？

标签： angular search filter

【解决方案1】：

在您的代码中修改以下几行即可正常工作。

let search_obj = {groupCode:'1234',agentCode:'',agentName:'',phone:"",email:''}; //Assume you have searched only with groupcode
const data = this.agentList.filter(res =>
  res.groupCode === search_obj.groupCode || 
  res.agentCode === search_obj.agentCode ||
  res.agentName === search_obj.agentName ||
  res.phone === search_obj.phone ||
  res.email === search_obj.email 
)

【讨论】：

嗨，有没有给过滤列表，比如如果只给一个字段，那么它必须在 OR 上工作，如果填充多个字段，那么它必须是一个 AND 搜索基础