我怎样才能使用另一个过滤器来显示与范围匹配的结果？

如何解决我怎样才能使用另一个过滤器来显示与范围匹配的结果？

我想为分数添加另一个过滤器，其中包含非常高、高、中和低的选项。如果分数 71 表示非常高，则应过滤与该范围匹配的记录。

你能指导我在过滤器中更新什么吗？ 过滤器.管道

<div class="form-group float-left mr-4">
          <strong>score</strong>
          <br />
          <select class="form-control form-control-sm" name="score" ngModel [ngModelOptions]="{updateOn: 'submit'}">
            <option></option>
            <option value="">Low</option>
            <option value="">Medium</option>
            <option value="">High</option>
            <option value="">Very High</option>
          </select>
        </div>

HTML/模板

method='pad'

直播：https://stackblitz.com/edit/angular-ivy-1tsz1r?file=src%2Fapp%2Fapp.component.html

请帮忙。

解决方法

在您的代码中再添加一个 else if：

else if (key === "score") {
      const low = filters[key] === "20" && user["score"] <= filters[key];
      const medium =
        filters[key] === "50" && user["score"] < 50 && user["score"] >= 21;
      const high =
        filters[key] === "70" && user["score"] < 70 && user["score"] >= 51;
      const veryHigh = filters[key] === "71" && user["score"] >= 71;
      if (low || medium || high || veryHigh) {
        return user;
      }
    } 

另外，从 HTML 发送值：

<option value="71">Very High</option>
      <option value="70">High</option>
      <option value="50">Medium</option>
      <option value="20">Low</option>

https://angular-ivy-xtgnv5.stackblitz.io 另外，如果您的问题得到解决，请标记为正确。