21 lines
653 B
HTML
21 lines
653 B
HTML
|
<!-- #docregion -->
|
||
|
|
<h1>My First Attribute Directive</h1>
|
||
|
|
<!-- #docregion applied -->
|
||
|
|
<p myHighlight>Highlight me!</p>
|
||
|
|
<!-- #enddocregion applied -->
|
||
|
|
<!-- #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 -->
|