1- import { NgIf , NgFor , EventEmitter , Component , View , Inject , Injectable } from 'angular2/angular2 ' ;
1+ import { Component , Injectable } from 'angular2/core ' ;
22import {
33 RouterLink ,
44 RouteConfig ,
@@ -89,8 +89,7 @@ class DbService {
8989 }
9090}
9191
92- @Component ( { selector : 'inbox-detail' } )
93- @View ( { templateUrl : 'inbox-detail.html' , directives : [ NgFor , RouterLink ] } )
92+ @Component ( { selector : 'inbox-detail' , directives : [ RouterLink ] , templateUrl : 'inbox-detail.html' } )
9493class InboxDetailCmp {
9594 record : InboxRecord = new InboxRecord ( ) ;
9695 ready : boolean = false ;
@@ -101,8 +100,7 @@ class InboxDetailCmp {
101100 }
102101}
103102
104- @Component ( { selector : 'inbox' } )
105- @View ( { templateUrl : 'inbox.html' , directives : [ NgFor , RouterLink ] } )
103+ @Component ( { selector : 'inbox' , templateUrl : 'inbox.html' , directives : [ RouterLink ] } )
106104class InboxCmp {
107105 items : InboxRecord [ ] = [ ] ;
108106 ready : boolean = false ;
@@ -127,8 +125,7 @@ class InboxCmp {
127125}
128126
129127
130- @Component ( { selector : 'drafts' } )
131- @View ( { templateUrl : 'drafts.html' , directives : [ NgFor , RouterLink ] } )
128+ @Component ( { selector : 'drafts' , templateUrl : 'drafts.html' , directives : [ RouterLink ] } )
132129class DraftsCmp {
133130 items : InboxRecord [ ] = [ ] ;
134131 ready : boolean = false ;
@@ -141,8 +138,12 @@ class DraftsCmp {
141138 }
142139}
143140
144- @Component ( { selector : 'inbox-app' , viewProviders : [ DbService ] } )
145- @View ( { templateUrl : 'inbox-app.html' , directives : [ RouterOutlet , RouterLink ] } )
141+ @Component ( {
142+ selector : 'inbox-app' ,
143+ viewProviders : [ DbService ] ,
144+ templateUrl : 'inbox-app.html' ,
145+ directives : [ RouterOutlet , RouterLink ]
146+ } )
146147@RouteConfig ( [
147148 new Route ( { path : '/' , component : InboxCmp , name : 'Inbox' } ) ,
148149 new Route ( { path : '/drafts' , component : DraftsCmp , name : 'Drafts' } ) ,
0 commit comments