如何从离子搜索栏获取输入？

Question

这是一个非常简单的问题，但我似乎无法解决这个问题（是的，我已经阅读了文档）。

我试图让输入用户在他们按下搜索后放入ion-searchbar （在 Ionic v4 中）并放入 const/let。

玛HTML

<ion-searchbar showCancelButton="focus" class=""></ion-searchbar>

我不知道我应该如何为此编写 TS。

提前致谢：{ )

Answer 1

• 使用(search)事件来调用你的函数。当用户单击ion-searchbar.

• 要获取在搜索$event.target.value栏中输入的值，请使用which 获取标签的值字段，在本例中为<ion-searchbar>

  <ion-searchbar
      showCancelButton 
      searchIcon="search" 
      animated
      cancel-button-icon
      (ionCancel)="hideSearch()"
      (search)="yourSearchFunction($event.target.value)" 
      placeholder="Search Some Values">
  </ion-searchbar>