javascript - 如何以角度读取css变量？

Question

为什么我无法以角度获取 css 变量内容？

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

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

并尝试getPropertyValue在 app.component 中获取值：

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

码沙盒.io

我使用 Chrome 的最新版本。

标签： javascriptcssangulargoogle-chrome