Проверка выпадающего списка выбора матов не работает для выбранного поля Angular & Материал

Question

Я работаю над Angular Проверка материала для раскрывающегося списка. У меня есть выпадающий список, где, если выбрать раскрывающееся значение как Текст , получит текстовое поле (тип = Текст), то же самое, если я выберу числовое текстовое поле с (тип = Номер), будет отображаться, то же самое, если Я выбираю дату. Поле даты будет отображаться.

Здесь я хочу получить подтверждение. если поле пустое, мне нужно отобразить сообщение об ошибке, но оно не работает.

Вот мой пример кода:

 <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, она работает.