Angular2：造型的'加載..'元素

我想風格的根組件，特別是在應用程序引導時顯示的'加載..'內容。我知道我可以在index.html中加載樣式表並訪問我在<my-app>選擇器中添加的類。不過，我認爲這可以通過在根應用程序類上的@Component裝飾器中分配的樣式完成。Angular2：造型的'加載..'元素

我創建了一個運動員here。問題是，如何使用基於組件的樣式將loading...消息樣式化（例如，將文本顏色更改爲紅色）？

謝謝。

2016-05-17 Fiona

你想要什麼是不可能的。因爲一旦根組件被初始化，'loading ...'消息將被組件的html替換。你唯一的選擇是在index.html上放置樣式表。 – Abdulrahman

變化

<div .primary>

要

<div class="primary">

然後在你的style.css中添加以下內容：

.primary { 
    color: red; 
}

這將改變「載入中...」文字爲紅色每次顯示。我認爲這是實現這種情況的最好方法，而不是在組件內部使用樣式或styleUrls，該組件僅與被調用的組件相關。

希望這會有所幫助！

2016-05-17 02:07:55

更新了你的plunker，不知道你是什麼意思的基於組件的風格？

.primary{ 
     font-size: 20px; 
     color: red; 
    } 

    <div class="primary" >loading...</div>

2016-05-17 02:09:12

回答