02 Jul

Ionic 3 | App from Scratch: Linkes und Rechtes Menu

Definieren der beiden Seitenmenüs in app.html

<ion-menu [content]=“contentLeft“> ….</ion-menu> <ion-menu side=“right“ [content]=“contentRight“>….</ion-menu> …. <ion-nav [root]=“rootPage“ #contentLeft #contentRight swipeBackEnabled=“false“></ion-nav>

<ion-menu [content]="contentLeft"> 
	....
</ion-menu> 
<ion-menu side="right" [content]="contentRight">
	....
</ion-menu> 
.... 
<ion-nav [root]="rootPage" 
	#contentLeft 
	#contentRight 
	swipeBackEnabled="false">
</ion-nav>

Zwei Schaltflächen hinzufügen

<ion-header>
   <ion-navbar>
      <button ion-button start menuToggle>
         <ion-icon name="menu"></ion-icon>
      </button>
      <ion-title>Demo of two Sidemenus</ion-title>
      <button ion-button end menuToggle="right">
         <ion-iconname="menu"></ion-icon>
      </button>
   </ion-navbar>
</ion-header>
<ion-content padding>
</ion-content>

Ergebnis

Github Repository

Hier liegt der Beispielcode.