相关疑难解决方法(0)

向 Angular material disabled 字段添加验证

简化的情况是,在我的表单上,我有两个字段 - A 和 B。

字段 A 是必需的并已启用。字段 B 也是必需的,但由于在字段 A 中键入的数据而被禁用和仅填充(动态),在某些情况下,B 可能会被解析为 NULL。

除非填充了两个字段,否则用户应该无法提交表单,因此我需要向字段 B(禁用/动态填充)添加必需的验证。

虽然所需的验证对于启用的字段工作正常,但对于禁用的字段似乎被忽略了。

<mat-form-field>
  <input name="FieldA" matInput formControlName="FieldA" placeholder="Field A" [maxLength]="6">
  <mat-error *ngIf="formErrors.FieldA">{{ formErrors.FieldA }}</mat-error>
</mat-form-field>

<mat-form-field>
  <input name="FieldB" matInput formControlName="FieldB" placeholder="Field B">
  <mat-error *ngIf="formErrors.FieldB">{{ formErrors.FieldB }}</mat-error>
</mat-form-field>


buildForm() {
  this.form = this.form.group({
      FieldA: ['', [Validators.required]],
      FieldB: [{ value: '', disabled: true }, [Validators.required]],
  });
Run Code Online (Sandbox Code Playgroud)

有什么方法可以在 HTML 中向 FieldB 添加验证而不启用它?

validation disabled-input angular-material angular

2
推荐指数
1
解决办法
5369
查看次数