Estilos Angular2 em uma diretiva
Nos exemplos fornecidos de diretivas de Atributo (ou seja, uma diretiva para adicionar aparência / comportamento), temos uma configuração bastante simples de um estilo no elemento host.
import {Directive, ElementRef } from 'angular2/core';
@Directive({
selector: '[myHighlight]'
})
export class HighlightDirective {
constructor(element) {
element.nativeElement.style.backgroundColor = 'yellow';
}
static get parameters(){
return [[ElementRef]];
}
Em vez de definir o estilo, posso usar um estilo? por exemplo.
@Directive({
selector: '[myHighlight]',
styles: [':host { background-color: yellow; }']
})
Isso não parece funcionar para mim?
Estou fazendo algo um pouco mais complexo que levou a uma quantidade razoável de código monolótico, definindo muitos estilos, usando o AnimationBuilder etc. etc., parece-me que seria muito melhor separar isso em classes e animações em um CSS.
ViewEncapsulation = emulado / padrão, se isso importa?