Angular2 Estilos en una Directiva
En los ejemplos dados de directivas de atributo (es decir, una directiva para agregar apariencia / comportamiento), tenemos una configuración bastante simple de un estilo en el 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]];
}
En lugar de configurar el estilo, ¿puedo usar un estilo en su lugar? p.ej.
@Directive({
selector: '[myHighlight]',
styles: [':host { background-color: yellow; }']
})
¿Esto no parece funcionar para mí?
Estoy haciendo algo un poco más complejo que ha llevado a una buena cantidad de código monolótico, estableciendo muchos estilos, usando AnimationBuilder, etc., me parece que sería mucho mejor separar esto en clases y animaciones en un CSS.
ViewEncapsulation = emulado / predeterminado si eso importa?