Question

初始化时，我的Angular 7应用程序出现问题。我有一类叫做“测试”的类，它所做的就是将文本颜色更改为红色。我在样式标签的index.html文件中列出了该类，或者在我的所有全局样式的styles.scss文件中列出了该类。我用相同的结果测试了两种方法。我正在使用angular / cli和ng服务来测试我的应用程序，以下是我如何布局index.html页面的信息：

<body>
  <app-root>
    <div class="container">
      <span class="testing">Application is loading, please wait...</span>
    </div>
  </app-root>
</body>

期望：跨度内的文本应为红色，并带有轻微的缩进（通过bootstrap容器类）。

实际结果：

当我在URL中键入localhost：4200并按Enter键时，在呈现应用程序之前，文本显示在屏幕的最左端，没有红色。
如果我点击刷新，就会发生与＃1相同的事情。
如果我按下shift + refresh，则在文本缩进引导容器div并变为红色之前的一秒钟内发生＃1。

有人可以向我解释这里发生了什么吗，我需要做些什么才能使＃3发生而无需瞬间改变样式？如果需要其他任何信息来回答，请告诉我。

Answer 1

首先，这不是在标记中甚至写入单个单词的正确方法，因为它的行为就像模板指令，或者您可以说要用app.component.html内容填充的空框，这就是为什么您很少注意的原因轻拂（出现在渲染之前）以及在app.component.html中编写内容并通过app.component.css / app.component.scss设置样式的最佳方法，或者您可以在CSS的主文件中写入该CSS（style.css）但是每个类都应采用其组件样式。因为角度是关于单独的模块/组件/部分。

希望这对您有帮助

应用程序根代码内的角度代码样式不正确

1 个答案: