问题描述:
详情页有一组radio, 要根据情况禁用其中某一个radio。
1.查看详情页,所有的radio禁止编辑,只能查看
2.编辑详情页,根据情况禁用某个radio
解决方案:
nz-radio-group 上用了 ‘nzDisabled’ 之后 label上的 ‘nzDisabled’ 就无效了,应该禁用的代码全部放在label上
错误代码:用了两个nzDisabled
<nz-radio-group [(ngModel)]="params.radioValue" [nzDisabled]="viewType==='view'">
<label [nzDisabled]="params.checkValue && o.value==='3'" nz-radio [nzValue]="o.value" *ngFor="let o of options">{{ o.label }}</label>
</nz-radio-group>
正确代码:
<nz-radio-group [(ngModel)]="params.radioValue">
<label [nzDisabled]="viewType==='view' || params.checkValue && o.value==='3'" nz-radio [nzValue]="o.value" *ngFor="let o of options">{{ o.label }}</label>
</nz-radio-group>