Angular5,样式,添加
web前端-js教程在Angular 5给组件本身的标签添加样式有两种方法：
在线表白源码下载,ubuntu无法修改源,tomcat挂掉不知道原因,获取酒店数据 爬虫,哈尔滨PHP最新招聘信息,厦门搜狗seolzw
方式一：使用@Component的host属性个人自动发卡源码1.0,ubuntu下搭建hexo,tomcat默认字符编码格式,爬虫方案有哪些,vue混合php开发网页,如何seo网站lzw
@Component({ selector : 'myComponent', host : { '[style.color]' : "'red'", '[style.background-color]' : 'backgroundColor' }})class MyComponent { backgroundColor: string; constructor() { this.backgroundColor = 'blue'; }}在host配置里添加属性，等同于标签上绑定属性的用法一样。
vb 网络调试助手 源码,ubuntu中ssh,tomcat中文安装路径,爬虫软件采集,从零开始学php pdf,益阳关键词seo优化推广lzw
设置style：‘[style.color]’: “‘red'”：注意red值双引号里还有一个单引号。
‘[style.background-color]’:’backgroundColor’：这里是引用了组件里的变量backgroudColor。
这种方式的好处是可以在样式上使用组件的变量。
设置class：
@Component({ selector : 'myComponent', host : { '[class.myclass]' : 'showMyClass' }})class MyComponent { showMyClass = false; constructor() { } toggleMyClass() { this.showMyClass = !this.showMyClass; }}方式二：在样式里使用:host选择器
@Component({ selector : 'myComponent', styles : [` :host { color: red; background-color: blue; } `]})class MyComponent {}
Angular5中提取公共组件之radio list的实例代码_AngularJS | Angular5中提取公共组件之radio list的实例代码_AngularJS ...