angularjs - 可以将指令仅用作 AngularJs 中的 UI 组件吗？

Question

我有一个可在多个地方重用的 UI 组件。因此，我必须在多个 css 文件中复制相同的 css 部分。可以为这种情况创建指令吗？该指令不会处理任何特定于 js 的操作，它仅用于处理 UI 组件并避免重复。

标签： angularjs

Answer 1

注意：您在问题标题中指定了“Angular”，但angularjs作为标签。此答案假定您正在为 Angular 而不是 AngularJS 进行编码。考虑编辑标签或问题标题以消除这种歧义。（AngularJS 和 Angular 有什么区别？）

Angular 可以将样式信息与组件捆绑在一起。您可以指定 CSS：

1. 使用装饰器的styles属性内联，或@Component
2. 使用装饰器的styleUrls属性在外部文件中。@Component

有关示例和更多信息，请参阅 Angular 文档的组件样式部分。

虽然您可以在技术上编写一个属性指令来为您的组件设置样式，但您为什么会选择这样做而不是使用组件提供的样式功能尚不清楚。用一两个你想要实现的例子来扩展你的问题可能会给你带来更好的答案。