我的 Angular 7 应用程序在初始化时遇到问题。我有一个名为“测试”的类(class)，它所做的只是将文本颜色更改为红色。我将类列在 style 标签内的 index.html 文件中，或者列在包含我所有全局样式的 styles.scss 文件中。我测试了两种方式，结果相同。我正在使用 angular/cli 和 ng serve 来测试我的应用程序，下面是我如何布置 index.html 页面:
<body>
<app-root>
<div class="container">
<span class="testing">Application is loading, please wait...</span>
</div>
</app-root>
</body>
期望:跨度内的文本应该是红色的，并有轻微的缩进(通过引导容器类)。
实际结果:
- 当我在 url 中键入 localhost:4200 并按回车键时，在呈现应用程序之前，文本显示在屏幕的最左上方，没有红色。
- 如果我点击刷新，就会发生与 #1 相同的事情。
- 如果我按下 shift+refresh，在文本缩进到引导容器 div 并变为红色之前，会有一瞬间 #1 发生。
有人可以向我解释这里发生了什么吗？我需要做什么才能在不进行任何瞬间样式更改的情况下实现#3？如果需要任何其他信息来回答，请告诉我。
最佳答案
首先，这不是在标签中写一个单词的正确方法，因为它的行为类似于模板指令，或者您可以说空框由 app.component.html 内容填充，这就是为什么您很少观察轻弹(出现在渲染之前)和在 app.component.html 中编写内容并通过 app.component.css/app.component.scss 设置样式的最佳方式，或者您可以在主文件中为 css (style.css) 编写该 css但是每个类都应该在它们的组件样式中。因为 Angular 是关于单独的模块/组件/部分。
希望对你有帮助
关于html - App-Root 标签内的 Angular 代码样式不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54676854/