Input标签禁用与Css动态样式绑定

input标签存在一个disabled属性，可以用来禁用此标签，通常还可以对这个属性进行禁用后的样式修改

<input [disabled]="boolean">
//一般里面对应一个bool属性，表示是否禁用标签，而样式修改可以在css中自己设置
//通常写法如下例所示

input[disabled]{
    color : red;
}

利用Class指令实现单个CSS类绑定

Class指令只能绑定要给CSS类

Class绑定格式

[class.样式类名称]=“布尔类型”

[class.样式类名称]=“styleMethod()”

注意事项：styleMethod是一个自定义方法，该方法的返回值必须是一个布尔类型

 

样式动态绑定参考博客：https://www.cnblogs.com/NeverCtrl-C/p/8527340.html