angular - Angular 2 中的指令特定样式

Question

我的应用程序中有一些指令仅在某些组件中加载。目前，与这些指令相关的所有样式都在 style.css 中全局定义。

有没有一种方法可以像我们在组件中那样为指令 Hook 单独的样式 URL，而不是全局添加这些样式。

例如

@Directive ({
    selector: '[foobar]',
    styleUrls: [
       'foobar.directive.css'
    ]
})

Answer 1

无法将样式添加到指令，只能添加到组件。

另见

• https://angular.io/docs/ts/latest/api/core/index/Directive-decorator.html
• https://angular.io/docs/ts/latest/api/core/index/Component-decorator.html