diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js
index e6ea71339e..75c3952dce 100644
--- a/src/components/modal/modal.js
+++ b/src/components/modal/modal.js
@@ -1,4 +1,4 @@
-import {NgElement, Component, Template} from 'angular2/angular2';
+import {Compiler, NgElement, Component, Template} from 'angular2/angular2';
 import {Ion} from '../ion';
 
 @Component({
@@ -17,7 +17,7 @@ class ModalWrapper extends Ion {
     console.log('element', el)
   }
   show() {
-    this.element.domElement.classList.add('active')
+    //this.element.domElement.classList.add('active')
   }
   hide() {
   }
@@ -36,9 +36,28 @@ class ModalWrapper extends Ion {
     </ion-modal-wrapper>`
 })
 export class Modal extends Ion {
-  constructor() {}
+  //compiler: Compiler;
+
+  constructor(compiler: Compiler, @NgElement() el : NgElement) {
+    this.element = el
+    this.compiler = compiler
+    console.log('Got compiler', Modal.annotations)
+  }
+
+  static create() {
+    var m = new Modal()
+    return m
+  }
+
+  show() {
+    console.log('Modal show')
+  }
 
   static show() {
     console.log('Showing modal')
+
+    var newModal = Modal.create()
+    newModal.show()
+    return newModal
   }
 }