angular input标签中根据条件更改disabled属性

369 阅读1分钟

angular input标签中根据条件更改disabled属性

 <form class="object-editor-right k-form p-1" [formGroup]="formGroup">
        <input type="radio" name="objectType"  id="isNone" class="k-radio" style="padding-right: 16px" 
        value="None" #isNone [checked]="objectType=='None'" [disabled]="disableRadio"/>
        <label class="k-radio-label" for="isNone"></label>

        <input type="radio" name="objectType" id="isAsso" class="k-radio" style="padding-right: 16px" 
        value="Association" #isAsso [checked]="objectType == 'Association'" [disabled]="disableRadio"/>
        <label class="k-radio-label" for="isAsso" title="文本类型字段启用设置">关联 </label>

        <input type="radio" name="objectType" class="k-radio" id="isEnum" style="padding-right: 16px"  
        [disabled]="disableRadio"  value="Enum" #isEnum [checked]="objectType=='Enum'"/>
        <label class="k-radio-label" for="isEnum" title="整数和文本类型字段启用设置">枚举 </label>

        <input type="radio" name="objectType"  class="k-radio" id="isDynamicProp" style="padding-right: 16px"
        value="DynamicProp" #isDynamicProp [checked]="objectType=='DynamicProp'" [disabled]="disableRadio"/>
        <label class="k-radio-label" for="isDynamicProp">动态属性 </label>
 </form>
 get disableRadio(): boolean {
    if(!this.currentElement) {
      return true;
    }
    return !this.currentElement.IsVirtual;
  }