Después de un proyecto con Web Components, vuelvo a AngularJS. Estoy frustrado por el hecho de que no puedo encontrar una manera adecuada para que una directiva mantenga su CSS interno (o encapsulado).

Con el componente web no tuve este problema ya que ya hay una etiqueta de estilo que se puede incrustar en la plantilla.

Ese no es el caso con las directivas AngularJS.

Hasta aquí lo que vi es:

1) defina una regla CSS en un archivo externo: my-directive {color: red;}, pero esto no es encapsulación.

2) definir una regla interna con element.css ({}); función de enlace interno, pero en este caso el estilo se aplica en línea y, por lo tanto, es demasiado pesado y no se puede anular fácilmente mediante CSS externo.

¿Hay otras formas?

Gracias