Mat select下拉验证不适用于所选字段Angular＆Material

Question

我正在为垫子下拉列表进行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调用该函数时，它起作用了。