当调用另一个组件时，如何清除一个组件中的搜索框值?

Question

我在我的应用程序的标题中有一个搜索栏，当我搜索任何东西并按回车键时，页面中会打开一个网格。

但是当我导航到另一个页面时，我希望清除搜索栏输入。当前搜索的输入保持原样。

由于搜索栏在标题组件中，而页面是另一个组件，我在清除页面导航上的搜索框值时遇到了问题。

有谁能帮我一下吗?

Answer 1

你可以简单地监听你的routerEvents，并在任意navigationEnd清除输入值。