I have a page ‘pre-order’ that iterates through a list. For each item in this list it uses a custom component I wrote:
<div *ngFor="let item of getConsumable(slide.id)"> <div class="abc"> <ion-item *ngIf="item.name.toLowerCase().indexOf(searchBar.toLowerCase()) >= 0"> <consumable-item [menuItem]="item"></consumable-item> </ion-item> </div> </div>
This component has a click event that opens up a popover with the item’s details.
Now on the same page, where I iterate through the item list (pre-order), I have a searchbar.
I want to clear out the input of the searchbar when the popover gets dismissed. How can I do this in the typescript file for ‘pre-order’?