Hi guys,
i want to highlight a menuitem within the sidebarmenu by clicking on a button in the contentarea of my current view.
app.html (sidebar):
<ion-menu [content]="content" class="sidebar">
<ion-header>
<ion-toolbar>
<ion-title>Menü</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="sidebar__content">
<ion-list class="sidebar__list">
<div *ngFor="let p of pages">
<button ion-item padding menuClose
(click)="openPage(p)"
[ngClass]="(p.isSub)?'item--sub':'item--main'"
[class.hideFromGuests]="checkLoggedIn(p)"
[class.item--active]="checkActive(p)">
<ion-icon *ngIf="p.icon" name="{{p.icon}}" item-start></ion-icon>
<ion-label>{{p.title}}</ion-label>
</button>
</div>
</ion-list>
</ion-content>
</ion-menu>
home.html
...
<button (click)="goTo('Account')" ion-button full padding class="button button--white button--auto-height button--icon-top button--icon-big">
<ion-icon class="button__icon" name="ios-contact"></ion-icon>
<label class="button__label">Mein Account</label>
</button>
...
home.ts
...
goTo(href) {
switch (href) {
...
case 'Account' : {
href = AccountPage;
break;
}
...
}
console.log(href);
this.navCtrl.setRoot(href);
}
...
Question
this.navCtrl.setRoot() works just fine, but how can i tell the sidemenu (app.html/.ts) to toggle a class (highlight) at any menuitem?