Angular TS中的角度获取scss样式

我想知道是否有可能（以及如何）将scss文件中设置的scss值访问到组件的ts代码中（可能通过@ViewChild？）

我想要的是文件中的值（“例如25vh”），而不是计算的值

---

我需要这个用于内部API。

您可以在SCSS中定义变量：

:export {
    height: $height;
    // etc...
}

在ts文件中，您可以导入它：

import variables from '{path_to_scss}'

---

您可以在SCSS中定义变量：

:export {
    height: $height;
    // etc...
}

在ts文件中，您可以导入它：

import variables from '{path_to_scss}'

---

您可以在scss文件中这样设置一个变量（在文件顶部）

然后在你的scss文件中使用它

element {
  width: myWidth;
}

您可以在TS文件中访问它

//get your value
var styleProperty= element.style.getPropertyValue("--myWidth");


// set your value
element.style.setProperty("--myWidth", "50vh");

---

您可以在scss文件中这样设置一个变量（在文件顶部）

然后在你的scss文件中使用它

element {
  width: myWidth;
}

您可以在TS文件中访问它

//get your value
var styleProperty= element.style.getPropertyValue("--myWidth");


// set your value
element.style.setProperty("--myWidth", "50vh");