13 lines
419 B
TypeScript
13 lines
419 B
TypeScript
|
// #docregion
|
||
|
|
import { Directive, ElementRef, Renderer } from '@angular/core';
|
||
|
|
|
||
|
|
@Directive({ selector: '[highlight]' })
|
||
|
|
/** Highlight the attached element in gold */
|
||
|
|
export class HighlightDirective {
|
||
|
|
constructor(renderer: Renderer, el: ElementRef) {
|
||
|
|
renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'gold');
|
||
|
|
console.log(
|
||
|
|
`* AppRoot highlight called for ${el.nativeElement.tagName}`);
|
||
|
|
}
|
||
|
|
}
|