Angular required radio input

имеется компонент, включающий в себя вопрос и варианты ответа на него в виде радио кнопок, в другом компоненте имеются две кнопки переключения вопроса Предыдущий и Следующий, на "Следующий" повесил функцию активной/неактивной кнопки, но через F12 меняешь свойство и можешь пробегать по всем вопросам если не выбран ответ в радио, как реализовать, чтобы кнопка "Следующий" была активна только когда выбран радио инпут и никак иначе

questioncomponent.html

Question {{questionIndex+1}} of {{quest.length}}
<br>
<h5>{{currentQuestion}}</h5>
<p *ngFor="let option of currentOptions">
 <input
  (click)="setUserAnswer(option.id)"
  type="radio"
  value={{option.id}}
  [checked]="getUserAnswer(option.id)"
  name="answer"
  > {{option.answerName}}
</p>

parentcomponent.html

<app-question [questionIndex]='currentIndex'
          (answers) ="receiveAnswers($event)"
          (questionLength)="receiveQuestionsLength($event)">
</app-question>
<br>
<button *ngIf="currentIndex > 0" 
(click)="goPrevious()">Предыдущий</button>
<button *ngIf='currentIndex < questionLength - 1' (click)="goNext()" 
[disabled]="nextButtonEnabled()">Следующий</button>
<button *ngIf="currentIndex > questionLength - 2" (click)="submitAnswers()">Отправить</button>