應用程序根代碼內的角度代碼樣式不正確

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 個解決方案

解決方案1
0 2019-02-13 19:26:24

應用程序根代碼內的角度代碼樣式不正確

問題描述

1 個解決方案

解決方案1 0 2019-02-13 19:26:24

解決方案1
0 2019-02-13 19:26:24