在Angular（4）應用程序組件中包含外部css

因此從Load external css style into Angular 2 Component開始，似乎將外部網址的css放入styleUrls []爲angular 2工作。它不適用於Angular（它只是搜索目錄下的css表單）。我找不到任何關於此的文檔，所以我現在只是將其硬編碼到整個index.html頁面中。我怎樣才能讓它適用於單個組件？在Angular（4）應用程序組件中包含外部css

編輯：爲了澄清，通過外部的CSS我的意思是這樣的：https://www.w3schools.com/w3css/4/w3.css，不包括在我的項目中的東西。

2017-08-01 Cyclicduck

用於包含特定組件的外部css（遠程URL）。我只是找到了這種方式。例如爲您的應用程序組件。

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.scss'] 
})

在app.component.scss可以導入遠程URL與所需的遠程樣式類似這樣的CSS文件中的評論。

@import url('https://www.w3schools.com/w3css/4/w3.css');

即使認爲這不是一個完美的解決方案，希望它有幫助。

2017-08-01 16:16:57

感謝您的答覆，但我其實考慮從網站的CSS。 – Cyclicduck

感謝您的澄清，我已經做了一些調查，並且已經更新了我的回覆。 –

我知道這是有點晚了答案，但如果有人尋找解決方案：
，如果你在你的應用程序文件夾的寫使用的NodeJS您可以使用命令行：

npm install --save w3-css

你應該調整然後angular-cli.json在src您的應用程序的文件夾，並在您註冊樣式鍵入以下內容：

"styles": [ 
     "../node_modules/w3-css/w3.css", 
     "styles.css" 
     ],

2017-10-03 10:55:14 Rastislav

回答