diff --git a/gulpfile.js b/gulpfile.js
index 75ff466a82..3e401a9e02 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -136,7 +136,7 @@ gulp.task('angular2', function () {
     .pipe(gulp.dest('dist/lib'));
 });
 
-gulp.task('examples', function() {
+gulp.task('examples', ['sass'], function() {
   return gulp.src('src/components/**/examples/**/*') 
     .pipe(gulpif(/index.html/, wrap({
       src: 'scripts/examples/index.template.html' 
diff --git a/src/components/aside/examples/basic/index.html b/src/components/aside/examples/basic/index.html
index 18dad7b488..224878d172 100644
--- a/src/components/aside/examples/basic/index.html
+++ b/src/components/aside/examples/basic/index.html
@@ -29,4 +29,8 @@
       Side menu!
     </ion-aside>
   </ion-aside-parent>
+  <div class="content">
+    <button class="button" (click)="openLeft()">
+      Open Left Menu
+    </button>
 </aside-app>
diff --git a/src/components/aside/examples/basic/main.js b/src/components/aside/examples/basic/main.js
index f5d15eb855..dff5fe7427 100644
--- a/src/components/aside/examples/basic/main.js
+++ b/src/components/aside/examples/basic/main.js
@@ -9,6 +9,9 @@ import {Template, Component, bootstrap} from 'angular2/angular2';
   inline: `<content></content>`,
   directives: [Aside, AsideParent]
 })
-class AsideApp {}
+class AsideApp {
+  openLeft() {
+  }
+}
 
 bootstrap(AsideApp);