Adding side menu to existing app


#1

Hey all,

I started an app with a blank template, although now I’m regretting not starting off with a side bar menu.

How can I add this to an existing app?

Thanks guys.


#2

It’s simple. From

<ion-nav id="nav" #content [root]="rootPage">Loading...</ion-nav>

change it similar to

<ion-menu [content]="content">
	<ion-content dark-bg>
		<ion-list no-lines>
			<button dark-item ion-item detail-none (click)="openPage(ListPage)">
				<ion-icon name="list" item-left></ion-icon>List
			</button>
			<button dark-item ion-item detail-none (click)="openPage(OptionsPage)">
				<ion-icon name="settings" item-left></ion-icon>Options
			</button>

		</ion-list>
	</ion-content>
</ion-menu>
<ion-nav id="nav" #content [root]="rootPage">Loading...</ion-nav>