【问题标题】:how to apply filter in angular by clicking the search button如何通过单击搜索按钮以角度应用过滤器
【发布时间】:2020-09-18 07:58:04
【问题描述】:

我正在开发一个旅游网站,需要通过单击 Angular 中的搜索按钮来显示基于往返地点的可用巴士数据列表,但我正在根据搜索框中的搜索过滤器管道获取搜索数据,但我只需点击搜索按钮即可显示数据。

【问题讨论】:

  • 请提供一个关于您的问题的具体问题 - 实际问题是什么,您已经尝试过什么?可能提供一个 stackblitz repro。

标签: json angular


【解决方案1】:

根据您的问题,您已使用搜索管道进行搜索功能。由于您使用了管道,因此它将过滤输入字段的每次更改,但您希望仅在用户单击搜索按钮时对其进行搜索。为此,如果您使用自己的自定义管道,那么您可以在过滤期间添加一些逻辑,例如如果它是自定义搜索管道,您可能使用过 ngOnchanges 钩子,您可以检查一些参数,如用户请求等,然后根据您可以在该管道中执行搜索。

编码愉快!

【讨论】:

    【解决方案2】:

    您可能想试试这个:将搜索输入绑定到 searchText 变量并在管道中使用 filterText 变量。当用户点击搜索按钮时,只有将 filterText 替换为 searchText,如下所示:

    filterText = searchText;
    

    这将防止在每次击键时过滤您的用户数据。您决定通过将搜索到的文本显式分配给过滤文本来更改过滤时间。

    快乐编码。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-09-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-07-18
      相关资源
      最近更新 更多