Можно использовать директиву только как компонент пользовательского интерфейса в AngularJs?

Question

У меня есть компонент пользовательского интерфейса, который можно использовать в нескольких местах. Поэтому я должен дублировать одни и те же разделы CSS на несколько файлов CSS. Можно ли создать директиву для этого сценария? Директива не будет обрабатывать какие-либо специфические js-операции, она предназначена только для обработки компонента пользовательского интерфейса и избежания дублирования.

Answer 1

ПРИМЕЧАНИЕ: Вы указали «Angular» в заголовке вопроса, но angularjs в качестве тега. Этот ответ предполагает, что вы пишете для Angular, а не AngularJS. Попробуйте отредактировать тег или заголовок вопроса, чтобы устранить эту неоднозначность. ( В чем разница между AngularJS и Angular? )

Angular может связывать информацию о стиле с компонентами. Вы можете указать CSS:

1. встроенный с использованием атрибута styles декоратора @Component или
2. во внешнем файле с использованием атрибута styleUrls декоратора @Component.

См. Раздел Component Styles в Angular docs для примеров и дополнительной информации.

Хотя технически вы можете написать директиву атрибута для стилизации вашего компонента, почему вы решили сделать это вместо использования функциональности стилей, предоставляемой компонентами, неясно. Расширение вашего вопроса одним или двумя примерами того, чего вы пытаетесь достичь, может дать вам лучший ответ.