如何将 ng-deep 与动态数据结合使用

我需要动态定义给定类的字体大小，但它们的值是从服务器获取的。静态地它看起来像这样：

::ng-deep .text-huge {
   font-size: 2.8em; 
}

如何转换它以便分配的值是动态的？

::ng-deep .text-huge {
   font-size: data.fontSize; 
}

感谢您的帮助

您无法从 TS 分配 CSS 变量的值。

在 Angular 7 中设置 sass 变量值 https://stackoverflow.com/questions/54558929/set-sass-variable-value-in-angular-7

您可以做的是在项目中使用 CSS 变量，这些变量会被 TS 文件修改为某个值：

css:

::root {
  --some-var: #fff;
}

.your-class {
  color: var(--some-var);
}

在 ts 中：

// Assuimg that new value is an HEX color without `#`
public changeSomeVar(newValue: string): void {
  document.documentElement.style.setProperty('--some-var', #${newValue});
}