Как отключить сообщение проверки в радио-кнопке ionic 3, даже если ничего не выбрано, когда форма загружается в первый раз? - PullRequest
0 голосов
/ 17 октября 2018

Я использую ионные радиокнопки для выбора между полами в моей форме.В настоящее время сообщение проверки отображается в половой форме, если ничего не выбрано.Но даже если ничего не выбрано, я не хочу показывать сообщение проверки во время загрузки формы.Но если мы нажмем кнопку «Отправить», не выбрав ни одну из переключателей пола, то в это время должно появиться сообщение проверки.Как мне этого добиться?

Вот мой 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),
}
...