| 
									
										
										
										
											2015-08-08 13:55:53 -07:00
										 |  |  | (function() { | 
					
						
							|  |  |  | // #docregion
 | 
					
						
							|  |  |  | // #docregion class-w-annotations
 | 
					
						
							|  |  |  | var AppComponent = ng | 
					
						
							|  |  |  |     // #docregion component
 | 
					
						
							|  |  |  |     .Component({ | 
					
						
							| 
									
										
										
										
											2016-05-21 16:26:54 -07:00
										 |  |  |       selector: 'my-app', | 
					
						
							| 
									
										
										
										
											2015-08-08 13:55:53 -07:00
										 |  |  |     // #enddocregion
 | 
					
						
							|  |  |  |     // #docregion view
 | 
					
						
							|  |  |  |       template: '<h1 id="output">My First Angular 2 App</h1>' | 
					
						
							|  |  |  |     }) | 
					
						
							|  |  |  |     // #enddocregion
 | 
					
						
							|  |  |  |     // #docregion class
 | 
					
						
							|  |  |  |     .Class({ | 
					
						
							|  |  |  |       constructor: function () { } | 
					
						
							|  |  |  |     }); | 
					
						
							|  |  |  |     // #enddocregion
 | 
					
						
							|  |  |  | // #enddocregion
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | // #docregion bootstrap
 | 
					
						
							|  |  |  | document.addEventListener('DOMContentLoaded', function() { | 
					
						
							|  |  |  |   ng.bootstrap(AppComponent); | 
					
						
							|  |  |  | }); | 
					
						
							|  |  |  | // #enddocregion
 | 
					
						
							|  |  |  | // #enddocregion
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | })(); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* Non DSL Approach */ | 
					
						
							|  |  |  | (function() { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | // #docregion no-dsl
 | 
					
						
							|  |  |  | function  AppComponent () {} | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | AppComponent.annotations = [ | 
					
						
							|  |  |  |   new ng.ComponentAnnotation({ | 
					
						
							|  |  |  |     selector: 'my-app' | 
					
						
							|  |  |  |   }), | 
					
						
							|  |  |  |   new ng.ViewAnnotation({ | 
					
						
							|  |  |  |     template: '<h1 id="output">My First Angular 2 App</h1>' | 
					
						
							|  |  |  |   }) | 
					
						
							|  |  |  | ]; | 
					
						
							|  |  |  | // #enddocregion
 | 
					
						
							|  |  |  | })(); |