Angular Реактивная проверка, даже если переключатель не выбран

Question

Моя форма проверяется, даже если мой переключатель не выбран. Я изначально установил значение null и не выбираю никакие переключатели, но форма все еще действительна

this.myForm = this.fb.group({
  enter: [null, [Validators.required]]
});

this.myForm.valueChanges.subscribe(i => {
  // i get form as valid
});

<form [formGroup]="myForm">
  <div role="group" aria-labelledby="aria-group-legend" class="left-pad-25">
    <input formControlName="enter" type="radio" [value]="true" tabindex="0"
      (change)="enterChange(true)" kendoRadioButton />
    <label for="rd1"> Yes </label>
    <input formControlName="enter" type="radio" [value]="false" tabindex="0"
      (change)="enterChange(false)" kendoRadioButton />
    <label for="rd2"> No </label>
    <span class="error-text" *ngIf="myForm.get('enter').errors
      && myForm.get('enter').touched || myForm.get('enter').dirty">
    <span class="checkbox-message"
      *ngIf="myForm.get('enter').hasError('required')">Please
      select one of these options.</span>
    </span>
  </div>
</form>

Answer 1

для этого случая вам нужно Validators.requiredTrue