Angular2 Стили в Директиве
В приведенных примерах директив Attribute (то есть директивы для добавления внешнего вида / поведения) мы имеем довольно простую настройку стиля для элемента 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]];
}
Вместо того, чтобы устанавливать стиль, могу ли я вместо этого использовать стили? например
@Directive({
selector: '[myHighlight]',
styles: [':host { background-color: yellow; }']
})
Кажется, это не работает для меня?
Я делаю что-то немного более сложное, что привело к значительному объему монолотического кода, настройке большого количества стилей, использованию AnimationBuilder и т. Д. Мне кажется, что было бы гораздо лучше разделить это на классы и анимации в CSS.
ViewEncapsulation = emulated / default, если это имеет значение?