以角度使用 Typescript 文件中的 css 类或变量

Question

有没有办法在打字稿文件中使用 scss class 或 variable？

scss

.thisIsGreen {
   color: green;
}
.thisIsBlue {
   color: blue;
}

或

$thisIsGreen {
  color: green;
}
$thisIsBlue {
  color: blue;
}

现在我想在打字稿中使用class 或variable。

component.ts

const colors = ['thisIsGreen', 'thisIsBlue'];

我想在我的图表中使用颜色，所以不知道如何使用 css 变量或类，而不是在 component.ts 中硬编码颜色。

感谢任何帮助。

谢谢

Answer 1

我在我的项目中使用了以下内容：（在 Angular 的 TypeScript(.ts) 文件中使用样式表（css））

let greet1:HTMLElement = document.getElementById("greet1");
greet1.innerHTML = '<i class="pi pi-caret-down" style="vertical-align:bottom;float:inherit;display: inline-block;">  </i>' +' ' + event.item.label + ' ';

在 InnerHTML 中，您可以拥有不同的 HTML 属性，例如样式、浮动、显示等：Css at .ts in Angular。