垫选择下拉验证不适用于所选字段角度和材料

Question

我正在为 mat 下拉菜单进行 Angular Material 验证。我有一个下拉列表，如果选择下拉值作为 Text 将获得文本框（类型 = 文本），如果我选择带有（类型 = 数字）的数字文本框将显示相同，相同如果我选择日期，将显示日期字段。

我想在这里进行验证。如果该字段为空，我需要显示错误消息但它不起作用。

这是我的示例代码：

 <div class="form-group">
      <label for="Name">Name of Assumption</label>
        <input type="text" class="form-control" placeholder="Enter Assumption Name"
                    formControlName="assumptionName"
                    [ngClass]="{ 'is-invalid': submitted && f.assumptionName.errors }" minlength="1" maxlength="50">
                <div *ngIf="submitted && f.assumptionName.errors" class="invalid-feedback">
                    <div *ngIf="f.assumptionName.errors.required">Name of Assumption is required</div>
                </div>
            </div>

这是Stackblitz 代码供参考。

Answer 1

根据您的Stackblitz 示例，您没有调用函数initassumpationForm()，它将为您的表单创建表单控件。

当我从contructor 或ngOnInit 调用该函数时，它起作用了。