Detect if a popover was dismissed from a different page

HI everyone

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’?