AngularSSRCSS变量名更改问题 _程序开发

创始人

2024-10-29 16:30:18

0次

当在Angular应用程序中更改CSS变量名称时，服务端渲染（SSR）可能会遇到问题。这是因为在页面呈现期间，CSS变量已经被编译成CSS代码，并且无法更改。

为了解决此问题，可以将CSS变量的名称设置为在查找表中进行查找的新值。例如，假设有以下CSS样式：

:root { --primary-color: blue; }

如果要'primary-color”更改为“secondary-color”，可以使用以下代码：

import { getDOM } from '@angular/platform-browser/src/dom/dom_adapter';

const dom = getDOM(); dom.setGlobalVar('--secondary-color', dom.getPropertyValue(document.documentElement, '--primary-color'));

现在可以使用“--secondary-color”在应用程序中定义新的CSS样式变量，而无需更改服务端渲染代码。

第三方教程!wepoke最新下... 这是一款非常优秀的WEPoke ia辅助检测软件，能够让你了解到WEPoke中牌率当中全部隐藏参数，...

微扑克游戏辅助器！微扑克俱乐部... 微扑克游戏辅助器！微扑克俱乐部机器人，微扑克ai代打（其实有辅助挂）1、很好的工具软件，可以解锁游戏...

盘点一款!心悦麻将挂踢坑(辅助... 盘点一款!心悦麻将挂踢坑(辅助)切实是真的有挂(2024已更新)(哔哩哔哩)；1、心悦麻将挂踢坑透视...

揭秘攻略!wepoke软件透明... 揭秘攻略!wepoke软件透明挂辅助(wepoke有辅助挂)WepOke(就是真的有挂)1、完成We...

微扑克全自动机器人!微扑克辅助... 微扑克全自动机器人!微扑克辅助器是真的(透视辅助)一贯有挂1、打开德州poker外挂分析微扑克开挂官...

玩家必看!开心武汉花可以开挂吗... 玩家必看!开心武汉花可以开挂吗(辅助)本来是有挂(2024已更新)(哔哩哔哩)1、玩家必看!开心武汉...

wepoke辅助有挂！wepo... WePoker透视辅助版本解析‌，wepoke辅助有挂！wepoke透明挂辅助，WepOke果然真的...

微扑克ai机器人!微扑克app... 微扑克ai机器人!微扑克app发牌规律(透视)真是真的有挂是一款可以让一直输的玩家，快速成为一个“必...

推荐十款!中至上饶510k有外... 推荐十款!中至上饶510k有外挂吗(透视)真是有挂(2020已更新)(哔哩哔哩)；1、构建自己的中...

微扑克辅助挂！微扑克辅助机器人... 微扑克辅助挂！微扑克辅助机器人，微扑克竟然存在有挂，第三方教程（有挂秘笈）1、很好的工具软件，可以解...