Ionic 4 menu : Highlight active page

#1

Hi everyone,
i would like to know how can i highlight the menu button of the active page.

This is my app.component.html

 <ion-menu menuId='scope'>
      <ion-header>
        <ion-toolbar>
          <img src="assets/images/logo_groupe.png">
        </ion-toolbar>
      </ion-header>
      <ion-content>
        <ion-list>
          <ion-menu-toggle auto-hide="false">
            <ion-item [routerDirection]="'root'" [routerLink]="['/scope-pays','historique']">
              <ion-icon slot="start" name="paper"></ion-icon>
              <ion-label>Historique</ion-label>
            </ion-item>
            <ion-item [routerDirection]="'root'" routerLink="/scope-sav-main">
              <ion-icon slot="start" name="build"></ion-icon>
              <ion-label>SAV</ion-label>
            </ion-item>
            <ion-item [routerDirection]="'root'" [routerLink]="['/scope-pays','gestion-parc']">
              <ion-icon slot="start" name="globe"></ion-icon>
              <ion-label>Gestion du parc</ion-label>
            </ion-item>
            <ion-item [routerDirection]="'root'" routerLink="/app-list">
              <ion-icon slot="start" name="log-out"></ion-icon>
              <ion-label>Quitter telscope</ion-label>
            </ion-item>
            <ion-item [routerDirection]="'root'" routerLink="/login">
              <ion-icon slot="start" name="power"></ion-icon>
              <ion-label>Se déconnecter</ion-label>
            </ion-item>
          </ion-menu-toggle>
        </ion-list>
      </ion-content>
    </ion-menu>

Thank you :grinning:

#2

Here you go

2 Likes
#3

Thank you pabloo it’s works perfectly