Обязательное поле в пользовательском компоненте с управляемой шаблоном формой не помечает форму как недействительную

Question

Я использую template driven form в angular 7.

Я создал пользовательский компонент.

Пользовательский компонент имеет директиву required.

Когда значениепусто / пусто, mat-error отображается правильно, но родительская форма, содержащая его, не помечена как недействительная.

Я добавил простой пример, чтобы показать это поведение пользовательский компонент с обязательным

Есть идеи?

Answer 1

После исследования я понимаю, что обработка requierd в пользовательском компоненте устраняет ошибку проверки дисплея,

Чтобы пометить форму как недействительную в случае ошибки, добавление директивы requierdв пользовательском компоненте также необходимо использовать.

<app-radio-button-list name="examinationTypeCtrl" 
                        [(ngModel)]="id"
                        #rd="ngModel"
                        required>
</app-radio-button-list>

фиксированный пример

Я нашел эту ссылку , ее идеальное объяснение пользовательского компонента с ControlValueAccessorреализация.