diff --git a/ionic/components/nav/test/basic/index.ts b/ionic/components/nav/test/basic/index.ts
index a6d18028bc..7b2941b8b8 100644
--- a/ionic/components/nav/test/basic/index.ts
+++ b/ionic/components/nav/test/basic/index.ts
@@ -1,6 +1,15 @@
+import {Component} from 'angular2/angular2';
 import {App, NavController} from 'ionic/ionic';
 import {Page, Config, IonicApp} from 'ionic/ionic';
-import {NavParams, NavController, ViewController} from 'ionic/ionic';
+import {NavParams, NavController, ViewController, IONIC_DIRECTIVES} from 'ionic/ionic';
+
+
+@Component({
+  selector: 'my-cmp',
+  template: `<p>My Custom Component Test <icon star></icon></p>`,
+  directives: [IONIC_DIRECTIVES]
+})
+class MyCmpTest{}
 
 
 @Page({
@@ -32,7 +41,9 @@ import {NavParams, NavController, ViewController} from 'ionic/ionic';
 
         <button *ng-for="#i of pages" ion-item (click)="pushPrimaryHeaderPage()">Page {{i}}</button>
       </ion-list>
-    </ion-content>`
+      <my-cmp></my-cmp>
+    </ion-content>`,
+  directives: [MyCmpTest]
 })
 class FirstPage {
   constructor(
diff --git a/ionic/ionic.ts b/ionic/ionic.ts
index 57df12b7a7..0c366b93dc 100644
--- a/ionic/ionic.ts
+++ b/ionic/ionic.ts
@@ -3,6 +3,7 @@ export * from './config/bootstrap'
 export * from './config/config'
 export * from './config/modes'
 export * from './config/decorators'
+export * from './config/directives'
 
 export * from './components'