Após um projeto com Web Components, voltarei ao AngularJS. Estou frustrado pelo fato de não encontrar uma maneira adequada de uma diretiva manter seu CSS interno (ou encapsulado).

Com o componente da web, eu não tive esse problema, pois já existe uma tag de estilo que pode ser incorporada ao modelo.

Esse não é o caso das diretivas AngularJS.

Até aqui o que eu vi é:

1) defina uma regra CSS em um arquivo externo: minha diretiva {color: red;}, mas isso não é um encapsulamento.

2) defina uma regra interna com element.css ({}); função de link interno, mas nesse caso o estilo é aplicado em linha e, portanto, é muito pesado e não pode ser facilmente substituído por css externo.

Existem outras maneiras?

obrigado