如何将整个CSS文件添加到Angular 2属性指令中？

Question

这个问题与this question类似但不同。例如，我的普通组件包括通过webpack styles: [ require("./search.styles") ]的CSS文件，其中search.styles.css是样式文件。现在我有一个属性指令，让我们称它为可扩展搜索。它有很多过渡和样式，这使得每个样式设置编程繁琐。

有没有办法在指令中的某处包含整个CSS文件？

更新

所以为了描述这些差异，比如说我对使用属性指令的组件有以下模板...

<my-component myDirective>
  <div class="div1"></div>
  <div class="div2"></div>
  ...
</my-component>

如果我想说使用指令在每一个上设置背景颜色（当然在我的现实世界中，这不是那么简单，所需的样式属性也不同，因此迭代不起作用）。如果我使用主机绑定，我会为每个元素声明一个@HostBinding，然后通过代码维护每个样式。这将是很多工作，我想避免它。