有没有一种方法可以在自定义验证的帮助下设置[已禁用]

Question

我对条件是否为真进行了自定义验证。基于这种情况，我想在表单组的输入字段上设置禁用。 如果我将条件与* ng一起使用，则可以正常工作，但是如果我对[disabled] =使用相同的条件，则不会发生任何事情。

// working part
<div *ngIf="groupForm.errors?.validateForMr && (groupForm.touched || groupForm.dirty)" class="cross-validation-error-message alert alert-danger">
    Name cannot match alter ego.
</div>

// and the part I can't get to work
<input type="text" [disabled]="!groupForm.errors?.validateForMr" id="mr_nr" class="form-control" formControlName="mr_nr" (focus)="focusIn(2)" (focusout)="focusOut(2)">

有人有建议吗？

Answer 1

在html页面中禁用formControl是不明智的。

如果您使用的是Reactiveforms，则可以在组件中尝试此代码。

this.yourFormName.controls['yourFormControlName'].disable();禁用输入 和this.yourFormName.controls['yourFormControlName'].enable();来启用。