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

上一篇:编写轻量ajax组件03-实现(附源码)


下一篇:servlet_4