Como você acessa o elemento HTML de dentro de uma diretiva de atributo Angular?
Os documentos angulares fornecem um exemplo para criar uma diretiva de atributo que altera a cor do plano de fundo de um elemento:
https://angular.io/docs/ts/latest/guide/attribute-directives.html
<p myHighlight>Highlight me!</p>
import { Directive, ElementRef } from '@angular/core';
@Directive({ selector: '[myHighlight]' })
export class HighlightDirective {
constructor(el: ElementRef) {
el.nativeElement.style.backgroundColor = 'yellow';
}
}
,Também posso usarel.nativeElement
para obter o conteúdo do elemento (por exemplo,Highlight me!
), modifique isso e atualize o elemento?