chore(build): fix demo compile errors, tslint errors

fix demo compile errors, tslint errors

demos/src/menu/AppModule.ts

@@ -0,0 +1,48 @@
+import { Component, NgModule } from '@angular/core';
+
+import { IonicApp, IonicModule, MenuController } from 'ionic-angular';
+
+
+@Component({
+  templateUrl: 'main.html'
+})
+export class ApiDemoPage {
+  activeMenu: string;
+
+  constructor(public menu: MenuController) {
+    this.menu1Active();
+  }
+  menu1Active() {
+    this.activeMenu = 'menu1';
+    this.menu.enable(true, 'menu1');
+    this.menu.enable(false, 'menu2');
+  }
+  menu2Active() {
+    this.activeMenu = 'menu2';
+    this.menu.enable(false, 'menu1');
+    this.menu.enable(true, 'menu2');
+  }
+}
+
+
+@Component({
+  templateUrl: 'app.html'
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}
+
+@NgModule({
+  declarations: [
+    ApiDemoApp,
+    ApiDemoPage
+  ],
+  imports: [
+    IonicModule.forRoot(ApiDemoApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    ApiDemoPage
+  ]
+})
+export class AppModule {}

demos/src/menu/app.html

@@ -0,0 +1,38 @@
+<ion-menu [content]="content" id="menu1">
+
+  <ion-header>
+    <ion-toolbar color="secondary">
+      <ion-title>Menu 1</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <ion-list>
+      <button ion-item menuClose="menu1" detail-none>
+        Close Menu 1
+      </button>
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
+
+
+<ion-menu [content]="content" id="menu2">
+
+  <ion-header>
+    <ion-toolbar color="danger">
+      <ion-title>Menu 2</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <ion-list>
+      <button ion-item menuClose="menu2" detail-none>
+        Close Menu 2
+      </button>
+    </ion-list>
+  </ion-content>
+
+</ion-menu>
+
+<ion-nav [root]="root" #content swipeBackEnabled="false"></ion-nav>

demos/src/menu/main.html

@@ -0,0 +1,27 @@
+<ion-header>
+
+  <ion-navbar>
+    <button ion-button [menuToggle]="activeMenu">
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>
+      Menu
+    </ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+  <h4>Active Menu: <b color="primary">{{ (activeMenu == 'menu1') ? 'Menu 1' : 'Menu 2' }}</b></h4>
+
+  <p>This page has two menus with different id's, but only one is active at a time.</p>
+
+  <button ion-button block color="secondary" (click)="menu1Active()">Make Menu 1 Active</button>
+
+  <button ion-button block color="danger" (click)="menu2Active()">Make Menu 2 Active</button>
+
+  <button ion-button block [menuToggle]="activeMenu">Toggle Menu</button>
+
+</ion-content>