在使用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"