验证页面上的选择元素答案

【问题标题】：Validation of select element on the page验证页面上的选择元素
【发布时间】：2017-01-03 01:28:58
【问题描述】：

如何为选择标签编写验证？这是我的选择标签代码，但我没有得到选择的验证，消息也没有来。

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]
        })
    }

【问题讨论】：

标签： angular typescript ionic2

【解决方案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>

【讨论】：