Ionic link coding help

I am needing some help on making links work on IONIC program. I have a very good understand of web coding. However, this is not helping me with IONIC. My professor has not been much help. I have also research like 15 websites and still luck. I just need to make the links work. Below is the layout of the menu bar coding.

<!----- bottom menu ----->
<ion-tabs>
  <ion-tab-bar slot="bottom">


    <ion-tab-button>
      <ion-icon name="restaurant-sharp"></ion-icon>
      <ion-label>Home</ion-label>
    </ion-tab-button>

    <ion-tab-button>
      <ion-icon name="map-sharp"></ion-icon>
      <ion-label>Search</ion-label>
    </ion-tab-button>

    <ion-tab-button>
      <ion-icon name="calendar-sharp"></ion-icon>
      <ion-label>MyTables</ion-label>
      <ion-badge>3</ion-badge>
    </ion-tab-button>

    <ion-tab-button>
      <ion-icon name="calculator-sharp"></ion-icon>
      <ion-label>M-2</ion-label>
    </ion-tab-button>
      
    <ion-tab-button>
      <ion-icon name="aperture-sharp"></ion-icon>
      <ion-label>M-4</ion-label>
    </ion-tab-button>

      
    </ion-tab-bar>
</ion-tabs>
<!----- end of bottom menu ----->

When I try a code the professor suggested (below) and I save. Both the iOD and Android preview screen just go pitch black.

    <ion-tab-button (click)="navigate()">
      <ion-icon name="restaurant-sharp"></ion-icon>
      <ion-label>Home</ion-label>
    </ion-tab-button>

Please I need someone help. Once I get this I think I am able to create my own pages.