我在Ionic应用程序中有一个表单,其中包含一个离子输入和一个离子选择。验证突出显示对离子输入有效,但是离子选择未突出显示(它具有必需的验证器,但未填写时未突出显示):
这是反应形式的代码:
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。