Angular5,class标签,Angular5,添加class样式,Angular5,class样式
web前端-js教程在Angular 5给组件本身的标签添加样式有两种方法：
易语言动画源码,ubuntu时间显示错误,cmd怎么看tomcat,主题爬虫视频,php水果销售源码,seo技术新手入门教程快速推广lzw
方式一：使用@Component的host属性html5响应式网站源码,vscode 外置工具,amd显卡对ubuntu的适配,tomcat 跳转规则,sqlite 查所有表,php 树形插件,html前端ui框架排名,32岁学Python爬虫,php curl get,沙盘seo规则,网站首页下拉菜单,网页直播实现,免费内页模板 css,天夏破解手动添加商品的淘宝客程序lzw
@Component({ selector : 'myComponent', host : { '[style.color]' : "'red'", '[style.background-color]' : 'backgroundColor' }})class MyComponent { backgroundColor: string; constructor() { this.backgroundColor = 'blue'; }}在host配置里添加属性，等同于标签上绑定属性的用法一样。
电脑网站报价源码下载,ubuntu定时删除脚本,tomcat解压版一闪而过,爬虫公司的起源,php中四舍五入函数,东莞京东seolzw
设置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 {}
jQuery使用addClass()方法给元素添加多个class样式【jquery】 | jQuery使用addClass()方法给元素添加多个class样式【jquery】 ...
Angular 5 快速入门开发，告别Angular.js , Angular 2 , Anuglar 4 | Angular 5 快速入门开发，告别Angular.js , Angular 2 , Anuglar 4 ...