feat(aside-toggle): better easy toggle

ionic/components/aside/test/basic/home-page.html

@@ -2,7 +2,7 @@
 <ion-navbar *navbar>
 
   <ion-nav-items primary>
-    <button (^click)="toggleAside()" id="e2eHeaderToggleAside">
+    <button aside-toggle id="e2eHeaderToggleAside">
       <icon name="ion-navicon"></icon>
     </button>
   </ion-nav-items>
@@ -18,7 +18,7 @@
   <h3>Content</h3>
 
   <p>
-    <button id="e2eContentToggleAside" (click)="toggleAside()">Toggle Aside</button>
+    <button id="e2eContentToggleAside" aside-toggle>Toggle Aside</button>
   </p>
 
 </ion-content>

ionic/components/aside/test/basic/index.ts

@@ -5,16 +5,9 @@ import {App, IonicApp, IonicView, NavController} from 'ionic/ionic';
   templateUrl: 'home-page.html'
 })
 class HomePage {
-
   constructor(app: IonicApp) {
     this.app = app;
   }
-
-  toggleAside() {
-    console.log('toggleAside')
-    this.app.getComponent('mainMenu').toggle();
-  }
-
 }
 
 
@@ -27,9 +20,4 @@ class E2EApp {
     this.app = app;
     this.rootView = HomePage;
   }
-
-  closeMenu() {
-    this.app.getComponent('mainMenu').close();
-  }
-
 }

ionic/components/aside/test/basic/main.html

@@ -1,5 +1,5 @@
 
-<ion-aside #aside [content]="content" [register]="aside" register-id="mainMenu">
+<ion-aside [content]="content">
   <ion-toolbar secondary>
     <ion-title>Left Menu</ion-title>
   </ion-toolbar>