如何读取角度中的CSS变量？

Question

为什么我无法获取 Angular 中的 css 变量内容？

我在 style.css 中添加变量如下：

:root {
  --foo: "string";
}

getPropertyValue并尝试通过app.component获取值：

 ngOnInit() {
    const y = document.body.parentElement.style.getPropertyValue('--foo');
    console.log({ y }); // logs: "".
  }

Codesandbox.io

我使用的是 Chrome 最新版本。