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
 | |
| */
 |