android - 即使在第一次加载表单时未选择任何内容，如何禁用 ionic 3 单选按钮中的验证消息？

Question

我正在使用离子单选按钮在我的表单中选择性别。目前，如果未选择任何内容，则验证消息将显示在性别表单控件中。但即使没有选择任何内容，我也不想在加载表单时显示验证消息。但是如果我们在没有选择任何一个性别单选按钮的情况下点击提交按钮，此时它应该会显示验证消息。我怎样才能实现它？

这是我的单选按钮 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),
}

标签： androidmobileionic3angular6hybrid