【发布时间】:2020-09-18 07:58:04
【问题描述】:
我正在开发一个旅游网站,需要通过单击 Angular 中的搜索按钮来显示基于往返地点的可用巴士数据列表,但我正在根据搜索框中的搜索过滤器管道获取搜索数据,但我只需点击搜索按钮即可显示数据。
【问题讨论】:
-
请提供一个关于您的问题的具体问题 - 实际问题是什么,您已经尝试过什么?可能提供一个 stackblitz repro。
我正在开发一个旅游网站,需要通过单击 Angular 中的搜索按钮来显示基于往返地点的可用巴士数据列表,但我正在根据搜索框中的搜索过滤器管道获取搜索数据,但我只需点击搜索按钮即可显示数据。
【问题讨论】:
根据您的问题,您已使用搜索管道进行搜索功能。由于您使用了管道,因此它将过滤输入字段的每次更改,但您希望仅在用户单击搜索按钮时对其进行搜索。为此,如果您使用自己的自定义管道,那么您可以在过滤期间添加一些逻辑,例如如果它是自定义搜索管道,您可能使用过 ngOnchanges 钩子,您可以检查一些参数,如用户请求等,然后根据您可以在该管道中执行搜索。
编码愉快!
【讨论】:
您可能想试试这个:将搜索输入绑定到 searchText 变量并在管道中使用 filterText 变量。当用户点击搜索按钮时,只有将 filterText 替换为 searchText,如下所示:
filterText = searchText;
这将防止在每次击键时过滤您的用户数据。您决定通过将搜索到的文本显式分配给过滤文本来更改过滤时间。
快乐编码。
【讨论】: