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, если это имеет значение?

Ответы на вопрос(5)

Ваш ответ на вопрос