动态给nz-select添加disabled不生效

Question

使用Renderer2的setAttribute()方法或者document.querySelector('#aaa')给NG-ZORRO控件nz-select添加的disabled不生效

Answer 1

html

<nz-select [ngModel]="'lucy'" [nzDisabled]="disabled">
  <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
</nz-select>

ts
disabled = true;
用变量更改属性值，不要直接更改属性

Answer 2

在angular动态表单里，去找[disabled]='变量' ，设置这个变量就可以select无法选中，我这边封装的方法是readOnlyFormItem,这个方法动态去修改变量了。如果不是动态表单那就直接nz-select标签里设置disabled。
我踩过的坑 ,动态表单里直接disable()，会导致这个数据不提交，所以想无法选中并且提交数据，必须用上面readonly那个方法