feat(playground): use new injection by type via reflect-metadata

ngParty · Apr 10, 2016 · 088ca11 · 088ca11
1 parent 000553d
commit 088ca11
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/playground/app/components/todo-app.component.ts b/playground/app/components/todo-app.component.ts
@@ -11,9 +11,8 @@ export class TodoAppCmp{
   todos: TodoModel[];
 
   constructor(
-    @Inject(TodoStore) private todoStore: TodoStore
+    private todoStore: TodoStore
   ) {
-
     this.todos = this.todoStore.todos;
   }
 
@@ -103,3 +102,5 @@ export class TodoAppCmp{
 
 
 }
+
+console.dir(TodoAppCmp)
diff --git a/playground/app/directives/my-foo.directive.ts b/playground/app/directives/my-foo.directive.ts
@@ -1,4 +1,5 @@
 import { forwardRef, Directive, Inject, Host, Self, Optional, OnInit, AfterContentInit } from 'ng-metadata/core';
+import { NgModel, NgForm } from 'ng-metadata/common';
 import { MyValidatorDirective } from './my-validator.directive';
 import {TodoStore} from '../stores/todoStore.service';
 
@@ -12,10 +13,10 @@ export class MyFooDirective implements OnInit,AfterContentInit{
   };
 
   constructor(
-    @Inject('ngModel') @Host() private ngModelCtrl: ng.INgModelController,
-    @Inject( forwardRef(()=>MyValidatorDirective) ) @Self() private myValidator,
-    @Inject('form') @Optional() @Self() private FormCtrl: ng.IFormController,
-    @Inject( TodoStore ) private todoSvc
+    @Host() private ngModelCtrl: NgModel,
+    @Inject( forwardRef(()=>MyValidatorDirective) ) @Self() private myValidator: MyValidatorDirective,
+    @Optional() @Self() private FormCtrl: NgForm,
+    private todoSvc: TodoStore
   ){}
 
   ngOnInit(){

diff --git a/playground/index.html b/playground/index.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
   <link rel="stylesheet" href="style.css">
   <script src="../node_modules/systemjs/dist/system.js"></script>
+  <script src="../node_modules/reflect-metadata/Reflect.js"></script>
   <script>
     System.config( {
       baseURL: '/',

diff --git a/playground/tsconfig.json b/playground/tsconfig.json
@@ -4,7 +4,9 @@
     "target": "es5",
     "noImplicitAny": false,
     "sourceMap": true,
-    "experimentalDecorators": true
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "pretty": true
   },
   "files": [
     "app/main.ts",