diff --git a/modules/playground/src/animate/animate-app.ts b/modules/playground/src/animate/animate-app.ts index d122d9b648..917119ec36 100644 --- a/modules/playground/src/animate/animate-app.ts +++ b/modules/playground/src/animate/animate-app.ts @@ -1,8 +1,7 @@ -import {Component, View, NgIf} from 'angular2/angular2'; +import {Component} from 'angular2/core'; -@Component({selector: 'animate-app'}) -@View({ - directives: [NgIf], +@Component({ + selector: 'animate-app', template: `

The box is {{visible ? 'visible' : 'hidden'}}

diff --git a/modules/playground/src/hash_routing/index.ts b/modules/playground/src/hash_routing/index.ts index 860a8ccc3b..b9c3e9c4c4 100644 --- a/modules/playground/src/hash_routing/index.ts +++ b/modules/playground/src/hash_routing/index.ts @@ -1,4 +1,4 @@ -import {Component, provide} from 'angular2/angular2'; +import {Component, provide} from 'angular2/core'; import {bootstrap} from 'angular2/bootstrap'; import { RouteConfig, diff --git a/modules/playground/src/http/http_comp.ts b/modules/playground/src/http/http_comp.ts index 0718822a20..db5f148c47 100644 --- a/modules/playground/src/http/http_comp.ts +++ b/modules/playground/src/http/http_comp.ts @@ -1,10 +1,9 @@ -import {Component, View, NgFor} from 'angular2/angular2'; +import {Component} from 'angular2/core'; import {Http, Response} from 'angular2/http'; import 'rxjs/add/operator/map'; -@Component({selector: 'http-app'}) -@View({ - directives: [NgFor], +@Component({ + selector: 'http-app', template: `

people