директива angularjs: как инкапсулировать css?
После проекта с веб-компонентами я возвращаюсь к AngularJS. Я разочарован тем, что не могу найти правильный путь для директивы, чтобы сохранить свой CSS внутренним (или инкапсулированным).
С веб-компонентом у меня не было этой проблемы, поскольку уже есть тег стиля, который можно встроить в шаблон.
Это не относится к директивам AngularJS.
До тех пор, пока я не увидел:
1) определить правило CSS во внешнем файле: my-directive {color: red;}, но это не инкапсуляция.
2) определить внутреннее правило с помощью element.css ({}); функция внутренней ссылки, но в этом случае стиль применяется внутри строки и, следовательно, является слишком тяжелым и не может быть легко переопределен внешним CSS.
Есть ли другие способы?
Спасибо