ページ上の選択要素の妥当性確認

Question

選択タグの検証方法は？ これはselectタグのコードですが、selectの検証が得られていないため、メッセージも出力されません。

htmlコード

<form> 
<ion-list [ngFormModel]="registrationForm"> 
<ion-item> 
     <ion-label floating>Preffer Payment<span class="redtxt">*</span></ion-label> 
     <ion-select ngControl="pay"> 
      <ion-option>Neft/Rtgs/Imps</ion-option> 
      <ion-option>Debet/Credit</ion-option> 
      <ion-option>Net Banking</ion-option> 
     </ion-select> 
     <div control="pay" class="validation-error">This is required</div> 
    </ion-item> 
</ion-list> 
<form> 

TSコード

public registrationForm:any; 
constructor(public navCtrl: NavController,public _form: FormBuilder) { 
this.registrationForm = this._form.group({ 
      "pay":["",Validators.required] 
     }) 
    } 

Answer 1

あなたは、そのプロパティが有効でない場合にメッセージを表示することができregistrationFormのcontrols配列を使用することができます。

<form> 
    <ion-list [ngFormModel]="registrationForm"> 

    <ion-item> 
     <ion-label floating>Preffer Payment<span class="redtxt">*</span></ion-label> 
     <ion-select ngControl="pay"> 
      <ion-option>Neft/Rtgs/Imps</ion-option> 
      <ion-option>Debet/Credit</ion-option> 
      <ion-option>Net Banking</ion-option> 
     </ion-select>  
    </ion-item> 

    <!-- Error message --> 
    <ion-item *ngIf="!registrationForm.controls.pay.valid"> 
     <div control="pay" class="validation-error">This is required</div> 
    </ion-item> 

    </ion-list> 
<form>