Angular4中使用[ngStyle]设置input，radi

首先说input得设置，

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

<div class="tl-right tl100">
     提成比例：
  <input class="wn-input" disabled="{{isEdit}}" (change)="editPercentage(i.product_id,i.activity_id,people.opt_user_id,people.percentage)"
 [(ngModel)]="people.percentage" style="width: 30px">
</div>

首先说radio的设置，

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

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

<div class="store" style="padding-left: 20%;">
    销售提成是否按原价：{{isEdit}}
    <div class="pull-r">
        <label class="ratio-margin">
            <input [disabled]="isEdit ? 'true' : 'false'"
                   type="radio" name="{{i.product_id}}" [checked]="i.is_original ==1"
                   (change)="setPrintData(i.product_id,i.activity_id,true)">
            是
        </label>
        <label class="ratio-margin">
            <input [ngStyle]="{'disabled': isEdit  ? 'true' : 'false' }"
                   type="radio" name="{{i.product_id}}" [checked]="i.is_original ==0"
                   (change)="setPrintData(i.product_id,i.activity_id,false)">
            否
        </label>
    </div>
</div>
     

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

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