这是超级简单的问题,但我似乎无法弄清楚这一点(是的,我已经阅读了文档)。
我正在尝试获取用户输入的内容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(使用前将#替换为@)