angular-cn/public/docs/_examples/attribute-directives/ts/app/app.component.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 -->