19 lines
594 B
HTML
19 lines
594 B
HTML
<!-- #docregion -->
|
|
<h1>My First Attribute Directive</h1>
|
|
<p myHighlight>Highlight me!</p>
|
|
<!-- #enddocregion -->
|
|
|
|
<!-- #docregion color-1 -->
|
|
<p myHighlight highlightColor="yellow">Highlighted in yellow</p>
|
|
<p myHighlight [highlightColor]="'orange'">Highlighted in orange</p>
|
|
|
|
<!-- #enddocregion color-1 -->
|
|
|
|
<!-- #docregion color-2 -->
|
|
<p myHighlight [highlightColor]="color">Highlighted with parent component's color</p>
|
|
<!-- #enddocregion color-2 -->
|
|
|
|
<!-- #docregion p-style-background -->
|
|
<p [style.background]="'lime'">I am green with envy!</p>
|
|
<!-- #enddocregion p-style-background -->
|