markdown Criando uma diretiva：HostListener和HostBinding。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了markdown Criando uma diretiva：HostListener和HostBinding。相关的知识，希望对你有一定的参考价值。
# Angular - Criando uma diretiva: HostListener e HostBinding.
- HostListener fica escultadno o evento no elemento hospedeiro "p".
- HostBinding faz uma assosiação/binding de um determinado atributo ou classe de um elemento para uma variável.
```HTML
<p highlightMouse>
Texto com highlight quando passo o mouse.
</p>
```
```typescript
import { Directive, HostListener, HostBinding, ElementRef, Rendeder } from '@angular/core';
@Directive({
selector: '[highlightMouse]'
})
export class HighlightMouseDirective {
@HostListener('mouseenter') onMouseOver() {
this.backgroundColor = 'yellow';
}
@HostListener('mouseleave') onMouseLeave() {
this.backgroundColor = 'white';
}
//Host Binding
@HostBinding('style.backgroundColor') backgroundColor: string;
constructor(){}
}
```
以上是关于markdown Criando uma diretiva：HostListener和HostBinding。的主要内容，如果未能解决你的问题，请参考以下文章