离子验证突出显示不适用于离子选择

时间:2018-10-23 06:39:33

标签: javascript angular ionic-framework sass ionic3

我在Ionic应用程序中有一个表单,其中包含一个离子输入和一个离子选择。验证突出显示对离子输入有效,但是离子选择未突出显示(它具有必需的验证器,但未填写时未突出显示):

enter image description here

这是反应形式的代码:

this.thisForm = new FormGroup({
      biggerNumber:new FormControl('', [
        Validators.required
      ]),
      selectValue:new FormControl('', [
        Validators.required
      ])
    });

这是HTML:

<form [formGroup]="thisForm">
<ion-item>
  <ion-label class="randomClass" >Bigger number</ion-label>
  <ion-input type="number" (ionBlur)="updateFields()" [(ngModel)]="biggerNumber" formControlName="biggerNumber" ></ion-input>
</ion-item> 
<ion-item>
  <ion-label >Select value</ion-label>
  <ion-select (ionSelect)="updateFields()"  formControlName="selectValue" >
  <ion-option value="value1" >value1</ion-option>
  </ion-select>
</ion-item>
<button ion-button (click)="updateFields()" type="submit">SAVE</button>
</form>

这里是显示问题的STACKBLITZ

0 个答案:

没有答案