In den gegebenen Beispielen für Attribute-Direktiven (d. H. Eine Direktive zum Hinzufügen von Aussehen / Verhalten) haben wir eine ziemlich einfache Einstellung eines Stils für das Host-Element. Z.B.

import {Directive, ElementRef } from 'angular2/core';
@Directive({
    selector: '[myHighlight]'
})
export class HighlightDirective {
    constructor(element) {
       element.nativeElement.style.backgroundColor = 'yellow';
    }

static get parameters(){
    return [[ElementRef]];
}

Anstatt den Stil festzulegen, kann ich stattdessen einen Stil verwenden? z.B

@Directive({
    selector: '[myHighlight]',
    styles: [':host { background-color: yellow; }']
})

Dies scheint bei mir nicht zu funktionieren?

Ich mache etwas komplexeres, was dazu geführt hat, dass eine ganze Menge monolothischer Code, viele Stile festgelegt, AnimationBuilder usw. verwendet werden usw. Ich finde, es wäre viel besser, dies in Klassen und Animationen in einem CSS aufzuteilen .

ViewEncapsulation = emuliert / Standard, wenn das wichtig ist?