form.valid всегда true с компонентом настраиваемого поля

Question

Я использую Angular 6. Я создал настраиваемый компонент под названием QuestionComponent для предоставления динамических c входов, флажков, переключателей и текстовых полей в форме (управляемой шаблоном). Таким образом, его можно использовать так:

My model:
export class Question {
   code: number;
   type: string;
   description: string;
   answer?: string;   
}

App.component:

<form name="f" #f="ngForm" role="form">
    <div *ngFor="let question of model.questions">
        <question [required]="true" [question]="question"></question>
    </div>
    ...
</form>

Он создаст такое поле, например:

<label>{{ question.description }}</label>
<textarea name="question.code" required id="question.code" [(ngModel)]="question.answer"></textarea>

Он работает должным образом, но мой f.form.valid всегда имеет значение true, даже с тегом «required».

Как я могу проверить свою форму с помощью этого настраиваемого компонента «question»?