Nach einem Projekt mit Web Components gehe ich zurück zu AngularJS. Ich bin frustriert darüber, dass ich keinen geeigneten Weg finde, wie eine Anweisung ihr CSS intern (oder gekapselt) halten kann.

Mit der Webkomponente hatte ich dieses Problem nicht, da es bereits ein Style-Tag gibt, das in die Vorlage eingebettet werden kann.

Dies ist bei AngularJS-Richtlinien nicht der Fall.

Bis hierher sah ich:

1) Definieren Sie eine CSS-Regel in einer externen Datei: my-Directive {color: red;}, dies ist jedoch keine Kapselung.

2) definiere eine interne Regel mit element.css ({}); inside link function, aber in diesem Fall wird der Stil inline angewendet und ist somit zu schwer und kann nicht einfach durch externe CSS überschrieben werden.

Gibt es andere möglichkeiten

Vielen Dank