Mainly copyedits and prep for extension + example code cleanup & bug fix + fix bug in default color initialization
		
			
				
	
	
		
			21 lines
		
	
	
		
			621 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			621 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!-- #docregion -->
 | 
						|
<!-- #docregion v2 -->
 | 
						|
<h1>My First Attribute Directive</h1>
 | 
						|
<h4>Pick a highlight color</h4>
 | 
						|
<div>
 | 
						|
  <input type="radio" name="colors" (click)="color='lightgreen'">Green
 | 
						|
  <input type="radio" name="colors" (click)="color='yellow'">Yellow
 | 
						|
  <input type="radio" name="colors" (click)="color='cyan'">Cyan
 | 
						|
</div>
 | 
						|
<!-- #docregion pHost -->
 | 
						|
<p [myHighlight]="color">Highlight me!</p>
 | 
						|
<!-- #enddocregion pHost -->
 | 
						|
<!-- #enddocregion v2 -->
 | 
						|
 | 
						|
<!-- #docregion defaultColor -->
 | 
						|
<p [myHighlight]="color" [defaultColor]="'violet'">
 | 
						|
Highlight me too!
 | 
						|
</p>
 | 
						|
<!-- #enddocregion defaultColor -->
 | 
						|
<!-- #enddocregion -->
 |