| 
									
										
										
										
											2015-11-13 14:47:42 +00:00
										 |  |  | // #docplaster
 | 
					
						
							|  |  |  | // #docregion
 | 
					
						
							| 
									
										
										
										
											2016-06-08 01:06:25 +02:00
										 |  |  | import { Component } from '@angular/core'; | 
					
						
							| 
									
										
										
										
											2015-11-13 14:47:42 +00:00
										 |  |  | 
 | 
					
						
							|  |  |  | @Component({ | 
					
						
							| 
									
										
										
										
											2016-09-25 18:51:54 -07:00
										 |  |  |   moduleId: module.id, | 
					
						
							| 
									
										
										
										
											2015-11-13 14:47:42 +00:00
										 |  |  |   selector: 'structural-directives', | 
					
						
							| 
									
										
										
										
											2016-09-25 18:51:54 -07:00
										 |  |  |   templateUrl: 'structural-directives.component.html', | 
					
						
							| 
									
										
										
										
											2016-08-09 17:38:25 +01:00
										 |  |  |   styles: ['button { min-width: 100px; }'] | 
					
						
							| 
									
										
										
										
											2015-11-13 14:47:42 +00:00
										 |  |  | }) | 
					
						
							|  |  |  | export class StructuralDirectivesComponent { | 
					
						
							|  |  |  |   heroes = ['Mr. Nice', 'Narco', 'Bombasto']; | 
					
						
							|  |  |  |   hero = this.heroes[0]; | 
					
						
							|  |  |  |   condition = true; | 
					
						
							|  |  |  |   isVisible = true; | 
					
						
							|  |  |  |   logs: string[] = []; | 
					
						
							|  |  |  |   status = 'ready'; | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2016-06-08 01:06:25 +02:00
										 |  |  | // #enddocregion
 |