38 lines
		
	
	
		
			971 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			38 lines
		
	
	
		
			971 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| // #docplaster
 | |
| // #docregion
 | |
| import { Component }         from '@angular/core';
 | |
| 
 | |
| // #docregion import-rxjs
 | |
| // Add the RxJS Observable operators we need in this app.
 | |
| import './rxjs-operators';
 | |
| // #enddocregion import-rxjs
 | |
| 
 | |
| import { HeroListComponent }        from './toh/hero-list.component';
 | |
| import { HeroListPromiseComponent } from './toh/hero-list.component.promise';
 | |
| 
 | |
| import { WikiComponent }      from './wiki/wiki.component';
 | |
| import { WikiSmartComponent } from './wiki/wiki-smart.component';
 | |
| 
 | |
| @Component({
 | |
|   selector: 'my-app',
 | |
|   template: `
 | |
|     <hero-list></hero-list>
 | |
|     <hero-list-promise></hero-list-promise>
 | |
|     <my-wiki></my-wiki>
 | |
|     <my-wiki-smart></my-wiki-smart>
 | |
|   `,
 | |
| // #enddocregion
 | |
| /*
 | |
| // #docregion http-providers
 | |
|   providers: [ HTTP_PROVIDERS ]
 | |
| // #enddocregion http-providers
 | |
| */
 | |
| // #docregion
 | |
|   directives: [
 | |
|     HeroListComponent, HeroListPromiseComponent,
 | |
|     WikiComponent, WikiSmartComponent
 | |
|   ]
 | |
| })
 | |
| export class AppComponent { }
 | |
| // #enddocregion
 |