怎樣使用Angular5為組件標簽添加樣式class

在Angular 5給組件本身的標簽添加樣式有兩種方法：

方式一：使用@Component的host屬性

在host配置里添加屬性，等同于標簽上綁定屬性的用法一樣。

設置style：

1. '[style.color]': "'red'"：注意red值雙引號里還有一個單引號。

2. '[style.background-color]':'backgroundColor'：這里是引用了組件里的變量backgroudColor。

這種方式的好處是可以在樣式上使用組件的變量。

設置class：

方式二：在樣式里使用:host選擇器

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

怎樣正確使用vuex項目結構目錄與配置

怎樣處理vue-router懶加載時候第一次加載資源過多導致速度緩慢

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com