Tab menu refresh ionic angular

Ionic Framework
5

I am sorry if I was not clear. I will try again.

tab.page.html (tab-menu)

<ion-tabs>
  <ion-tab-bar slot="bottom">
    <ion-tab-button tab="tab1">
      <ion-icon name="person-circle-outline"></ion-icon>
      <ion-label>{{ tab1 }}</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="tab2">
      <ion-icon name="easel-outline"></ion-icon>
      <ion-label>{{ tab2 }}</ion-label>
    </ion-tab-button>

    <ion-tab-button tab="Tab3">
      <ion-icon name="settings-outline"></ion-icon>
      <ion-label>{{ tab3 }}</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>

tab1.page.html
<button (click)=“function()”>function

tab1.page.ts
function(): void {
// Here I would like to change values from {{ tab1 }}, {{ tab2 }} and {{ tab3 }}, in tab.page.html
}