32 lines
		
	
	
		
			653 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
		
		
			
		
	
	
			32 lines
		
	
	
		
			653 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
|  | // Early versions
 | ||
|  | 
 | ||
|  | // #docregion
 | ||
|  | import {Component}         from 'angular2/core'; | ||
|  | import {CarComponent}      from './car/car.component'; | ||
|  | import {HeroesComponent}   from './heroes/heroes.component.1'; | ||
|  | 
 | ||
|  | @Component({ | ||
|  |   selector: 'my-app', | ||
|  |   template: `
 | ||
|  |     <h1>{{title}}</h1> | ||
|  |     <my-car></my-car> | ||
|  |     <my-heroes></my-heroes> | ||
|  |   `,
 | ||
|  |   directives:[CarComponent, HeroesComponent] | ||
|  | }) | ||
|  | 
 | ||
|  | export class AppComponent { | ||
|  |   title = 'Dependency Injection'; | ||
|  | } | ||
|  | // #enddocregion
 | ||
|  | 
 | ||
|  | 
 | ||
|  | /* | ||
|  | //#docregion ctor-di-fail
 | ||
|  | // FAIL! Injectable `config` is not a class!
 | ||
|  | constructor(heroService: HeroService, config: config) { | ||
|  |   this.title = config.title; | ||
|  | } | ||
|  | //#enddocregion ctor-di-fail
 | ||
|  | */ |