关于Angular2与蚂蚁的NG-ZOORO一同开发时[disabled]="true"动态绑定失效的解决方法

在使用Angular2与蚂蚁的NG-ZOORO一同开发时，当我们的表单使用的是formControlName="value"时[disabled]="true"将会失效，应为现在只能使用[(ngModel)]="value"来帮定值时，[disabled]="true"才能生效，如果我们不想使用[(ngModel)]="value"（因为angular2推荐使用formControlName="value"）时，我们可以使用原生的disabled属性来实现input或者button的禁用

禁用函数,添加disabled属性

 disabled() {
    $('.download-address-body input').attr('disabled', 'true');
  }

允许操作移除disabled属性

enable() {
    $('.download-address-body input').removeAttr('disabled');
  }

html大致模板

<div class="download-address-body">
 <input nz-input placeholder="Basic usage" formControlName="value" />
</div>

注意：

当你去查看设元素时设置的disabled属性并非true，而是disabled="disabled"