директива angularjs: как инкапсулировать css?

После проекта с веб-компонентами я возвращаюсь к AngularJS. Я разочарован тем, что не могу найти правильный путь для директивы, чтобы сохранить свой CSS внутренним (или инкапсулированным).

С веб-компонентом у меня не было этой проблемы, поскольку уже есть тег стиля, который можно встроить в шаблон.

Это не относится к директивам AngularJS.

До тех пор, пока я не увидел:

1) определить правило CSS во внешнем файле: my-directive {color: red;}, но это не инкапсуляция.

2) определить внутреннее правило с помощью element.css ({}); функция внутренней ссылки, но в этом случае стиль применяется внутри строки и, следовательно, является слишком тяжелым и не может быть легко переопределен внешним CSS.

Есть ли другие способы?

Спасибо

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

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