Javascript 角度-使用过滤器组件根据多个条件显示组件

Javascript 角度-使用过滤器组件根据多个条件显示组件,javascript,angular,filter,dropdown,alphabetical,Javascript,Angular,Filter,Dropdown,Alphabetical,角度-使用过滤器组件根据多个条件显示组件 多个条件选项可以按字母顺序排列,并且仅显示具有特定警告级别的组件。警告级别应为带有“错误”、“信息”和“警告”的下拉列表 这是一些过滤器组件的示例。组件应该具有前面提到的过滤器选项。相关图片: 我不知道如何建造这样的东西。我看到了一些过滤器组件,但这些是用于表格的。欢迎大家提出意见 //Your logs array const logs = [ {name:'log1', kind:'error'}, {name:'log2', kind:'

角度-使用过滤器组件根据多个条件显示组件

多个条件选项可以按字母顺序排列,并且仅显示具有特定警告级别的组件。警告级别应为带有“错误”、“信息”和“警告”的下拉列表

这是一些过滤器组件的示例。组件应该具有前面提到的过滤器选项。相关图片:

我不知道如何建造这样的东西。我看到了一些过滤器组件,但这些是用于表格的。欢迎大家提出意见

//Your logs array

const logs = [
  {name:'log1', kind:'error'},
  {name:'log2', kind:'warning'},
  {name:'log3', kind:'info'},
  {name:'log4', kind:'error'},
];

//The function to filter the array

function filterLogs(logs, kind) {
  console.log(logs);
  return logs.filter(log => {
    return log.kind === kind
  }); 
}

// the value to show somewhere

const stuffToShow = filterLogs(logs,'error');

我希望这有帮助!!!:)

您可以使用简单的路由。每个选项将导航到绑定到其组件的新管线。

我不认为路由是我想要的。请参阅我帖子上的图片链接。我希望能够过滤多个东西,但谢谢你的建议。