html - 添加CSS类时如何强制Angular更新元素CSS

标签 html css angular styles

将元素的class-attribute添加到Angular(或浏览器)时,它们不会更新它们的CSS。
 -是否使用隐身浏览器都没关系。
 -如果我在Chrome上“清空缓存并重新加载”没关系

尴尬的解决方案是更改element标签(例如div-> Section)。
然后保存并刷新页面,该类的CSS应该在那里。
我改回了预期的标签,然后CSS就在那里了。

我经常遇到这个问题,在其中我将class属性添加到元素。我保存并Angular刷新了页面。
我显然希望看到我创建的CSS类对元素进行“样式设置”。
但是,即使我多次在Chrome上“硬重载”,该元素的外观也相同。

注意!
我直接像这样添加css类:

<div class="my-class"></div>

最佳答案

经过一段时间弄乱了我在VS Code中的项目后,我发现了这个问题...

在发布此问题之前,我将VS Code重新安装到PC上,并且快捷方式设置已重置。

每次我按Ctrl + S进行保存时,都会保存当前打开的文件。
因此,我最终一次又一次地保存了一个文件,而没有保存另一个文件(即CSS被重复保存,HTML在我的组件中没有一次保存)。

老实说,VS Code令人讨厌,因为现在让我知道未保存文件的唯一指示是IDE顶部的“选项卡”文件右侧悬挂的点。

至少现在我知道这不是Angular的错,而是损失了一个新的前端位置> :(

关于html - 添加CSS类时如何强制Angular更新元素CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56255034/

相关文章:

javascript - 如何从javascript设置html表单的属性

ios - 在Cordova iOS应用程序中将字段添加到info.plist

angular - 设置时 Material 芯片颜色不起作用

html - 我可以使用选择器来控制跨 div 的复选框吗?

html - 为什么自定义样式不会覆盖以前定义的样式

javascript - div位置固定时的JQuery偏移问题

javascript - jQuery 和行高

html - CSS:高度覆盖最小高度:最小内容

javascript - 用于文本渐变的 jQuery 插件

angular - 如何访问 DOM 内 mat-tree 中嵌套节点的 level 属性?