Я использую ионные радиокнопки для выбора между полами в моей форме.В настоящее время сообщение проверки отображается в половой форме, если ничего не выбрано.Но даже если ничего не выбрано, я не хочу показывать сообщение проверки во время загрузки формы.Но если мы нажмем кнопку «Отправить», не выбрав ни одну из переключателей пола, то в это время должно появиться сообщение проверки.Как мне этого добиться?
Вот мой HTML-код для переключателей:
<ion-row radio-group [(ngModel)]="vm.gender" class="gender" formControlName = "genderradiobtn" >
<ion-col>
<ion-item>
<ion-label color="textcolor">Gender</ion-label>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-label color="textcolor">Male</ion-label>
<ion-radio value="Male"></ion-radio>
</ion-item>
</ion-col>
<ion-col>
<ion-item>
<ion-label color="textcolor">Female</ion-label>
<ion-radio value="Female"></ion-radio>
</ion-item>
</ion-col>
</ion-row>
<div class="error-message-emp" *ngIf="formemp.controls.genderradiobtn.errors && (formemp.controls.genderradiobtn.touched||formemp.controls.genderradiobtn.invalid)">
<span *ngIf="formemp.controls.genderradiobtn.errors?.required">Gender is required</span>
</div>
в моем ts:
initializeValidators(){
genderradiobtn: new FormControl('', Validators.required),
}