当前位置:Gxlcms > JavaScript > Angular5给组件本身的标签添加样式class的方法

Angular5给组件本身的标签添加样式class的方法

时间:2021-07-01 10:21:17 帮助过:2人阅读

本篇文章主要介绍了Angular 5 给组件本身的标签添加样式class的方法,现在分享给大家,也给大家做个参考。

在Angular 5给组件本身的标签添加样式有两种方法:

方式一:使用@Component的host属性

在host配置里添加属性,等同于标签上绑定属性的用法一样。

设置style:

  1. '[style.color]': "'red'":注意red值双引号里还有一个单引号。

  2. '[style.background-color]':'backgroundColor':这里是引用了组件里的变量backgroudColor。

这种方式的好处是可以在样式上使用组件的变量。

设置class:

方式二:在样式里使用:host选择器

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

Ajax上传实现根据服务器端返回数据进行js处理的方法

双层ajax嵌套(可多层)用法实例

Ajax实现弹出式无刷新城市选择功能代码

以上就是Angular5给组件本身的标签添加样式class的方法的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行