关于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"

posted @ 2020-02-26 15:25  Michelyuan  阅读(633)  评论(0编辑  收藏  举报