如何从 ion-searchbar 获取输入?

2024-01-26

这是超级简单的问题,但我似乎无法弄清楚这一点(是的,我已经阅读了文档)。

我正在尝试获取用户输入的内容ion-searchbar (在 Ionic v4 中)在他们按搜索并放入 const/let 后。

麻哈HTML

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

我不知道该怎么写这个TS。

提前致谢 :{)


  • Use (search)调用您的函数的事件。当用户单击由提供的搜索按钮时会触发此事件ion-searchbar.

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

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

当用户在搜索栏中键入时监听更改:

    <ion-searchbar
        ... 
        (ionInput)="yourInputChangeFunction($event.detail.value)">
    </ion-searchbar>

注意:在 Ionic 6+ 上,(ionInput)奇怪地发出值$event.target.value虽然,他们的文档 https://ionicframework.com/docs/api/input#inputchangeeventdetail提及$event.detail

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何从 ion-searchbar 获取输入? 的相关文章

随机推荐