angular样式和数据绑定:

class绑定

1、[class.a]=”bool”
bool:boolean=false;

2、[ngClass]=’classobj’

classobj:any={
a:true,
b:false
}
a

样式绑定
1、[style.color]=”isbol?’red’:’blue’”

isbol:boolean=false;//蓝色

2、[ngStyle]=”styleobj”

styleobj:any={
color:red,
background:blue
}

数据绑定:

[src]=”img” == src=”{{img}}”

img:string=”a.png”;

扫描二维码关注公众号,回复: 3273878 查看本文章

[]从控制器绑定到模板 ()绑定从模板导控制器

[()]双向绑定

组件通讯
1.父到子组件传值(父组件可以改变子组件值,子组件值改变不会影响父组件)

@Input()
name:string;

猜你喜欢

转载自blog.csdn.net/weixin_42995876/article/details/82587133
今日推荐