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

业务场景，店员可以编辑提成比例是通过字段控制的，这里如果没得这个字段则不能编辑，不能输入，不能选中

isEdit :any = false//默认可以编辑（typescript语法）

关键： disabled="{{isEdit}}"

注意：

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

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

最后一个疑问：

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

选中Time单选按钮，右键点击属性->行为->Disabled属性变为True。

RadioButton是单选按钮，同组之间是互斥的。但我们选择了“男”，然后再去选择“女”时，“男”就会取消选择，这也是我们想要的。但是当我们再去选择“5岁”时，女又会被取消选择，但这可不是我们想要的。为了第一题和第二题之间互相没有影响，我们需要分组。RadioButton有个属性Group，默认值是“False”。我们可以将某一个RadioButton改成True，表示它是一个新组的开始。对话框上的各个控件是有TAB序的，即按TAB键时，依次选中不同的控件，我们可以按Ctrl+D来查看TAB序。而RadioButton分组也是按TAB序来的。TAB序从小到大，从第一个RadioButton开始，到一个属性Group为True的RadioButton之前的那个RadioButton为止，这之间的RadioButton是一组，他们之间的选择是互斥的，然后再从这个RadioButtonGroup属性为True的开始，到下个Group属性为True之前的那个RadioButton为止，这又是一组，他们之间互斥；以此类推。

1、首先，我们点击CheckBox控件。

2、这时我们便可以在窗体中直接绘制。

3、然后我们便可以在这里更改CheckBox的文字显示。

4、如果想要默认选中，我们将Checked设置为TRUE。

5、也可将Enabled设置为TRUE。

6、还可以在这里设置更多属性。

---