Angular 如何使用自訂的 CSS 呢?

雖然 Angular 每個 component 下面有自己的 CSS 檔，但如果人家心中早已有屬意的對象時，要怎麼辦呢？

如上圖，我已經在 /ang-css/src/assets/css/pic.css 有了既有的 CSS 設定檔了，想在 app component 裡直接引用他。

01.打開 /ang-css/src/app/app.component.css

@import url("../assets/css/pic.css");

02. 確認 app.component.ts 的 styleUrls 有設定為 app.component.css

03.在 html 樣板中(app.component.html)，就可以呈現我們指定 CSS 的效果了

參考： Angular 6 - How to apply external css stylesheet (leaflet) at component level?

https://stackoverflow.com/questions/51027083/angular-6-how-to-apply-external-css-stylesheet-leaflet-at-component-level