| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  | (function(app) { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-11-13 14:09:28 -08:00
										 |  |  |   app.HeroDIComponent = HeroDIComponent; | 
					
						
							| 
									
										
										
										
											2016-10-13 17:59:00 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-11-13 14:09:28 -08:00
										 |  |  |   HeroDIComponent.annotations = [ | 
					
						
							| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  |     new ng.core.Component({ | 
					
						
							|  |  |  |       selector: 'hero-di', | 
					
						
							|  |  |  |       template: '<h1>Hero: {{name}}</h1>' | 
					
						
							|  |  |  |     }) | 
					
						
							|  |  |  |   ]; | 
					
						
							| 
									
										
										
										
											2016-11-13 14:09:28 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  |   HeroDIComponent.parameters = [ app.DataService ]; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   function HeroDIComponent(dataService) { | 
					
						
							|  |  |  |     this.name = dataService.getHeroName(); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  |   // #enddocregion
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-11-13 14:09:28 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  | })(window.app = window.app || {}); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | ////// DSL Version /////
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | (function(app) { | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | // #docregion dsl
 | 
					
						
							|  |  |  | app.HeroDIDslComponent = ng.core.Component({ | 
					
						
							|  |  |  |   selector: 'hero-di-dsl', | 
					
						
							|  |  |  |   template: '<h1>Hero: {{name}}</h1>' | 
					
						
							|  |  |  | }) | 
					
						
							|  |  |  | .Class({ | 
					
						
							|  |  |  |   constructor: [ | 
					
						
							|  |  |  |     app.DataService, | 
					
						
							|  |  |  |     function HeroDIDslComponent(service) { | 
					
						
							|  |  |  |       this.name = service.getHeroName(); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |   ] | 
					
						
							|  |  |  | }); | 
					
						
							|  |  |  | // #enddocregion dsl
 | 
					
						
							| 
									
										
										
										
											2016-08-09 17:38:25 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-03-16 18:01:33 +02:00
										 |  |  | })(window.app = window.app || {}); |