Angular4中使用[ngStyle]设置input,radio的disabled属性

首先说input得设置,

业务场景,店员可以编辑提成比例是通过字段控制的,这里如果没得这个字段则不能编辑,不能输入,不能选中
isEdit :any = false;//默认可以编辑(typescript语法)
关键: disabled="{{isEdit}}"

提成比例:

首先说radio的设置,

注意:
[disabled]="isEdit ? 'true' : 'false'" // 这是正确的写法

错误的写法:[ngStyle]="{'disabled': isEdit ? 'true' : 'false' }",(这里是想错了,ngStyle配置的是CSS属性的,disabled是HTML属性)

销售提成是否按原价:{{isEdit}}

最后一个疑问:
radio标签如果直接用disabled="{{isEdit}}" 这个写法又不会生效,表示感到疑惑,不知道具体的原因是什么?

最后截图展示效果:
tc1.png

你可能感兴趣的:(Angular4中使用[ngStyle]设置input,radio的disabled属性)