javascript - 如何在 Angular 2 中动态添加样式表？

Question

有没有办法添加样式表 url 或 <style></style>动态地在 Angular2 中？

例如，如果我的变量是isModalOpened是true ，我想在我的根组件之外的几个元素中添加一些 CSS。喜欢 body或 html .

可以用 DOM 或 jQuery 做到这一点，但我想用 Angular 2 做到这一点。

可能吗？

谢谢

Answer 1

您可以创建一个 <style>像这样动态标记:

ngOnInit() {
  const css = 'a {color: pink;}';
  const head = document.getElementsByTagName('head')[0];
  const style = document.createElement('style');
  style.type = 'text/css';
  style.appendChild(document.createTextNode(css));
  head.appendChild(style);
}