Ionic: Ion-Select as required field

【问题标题】：Ionic: Ion-Select as required fieldIonic: Ion-Select as required field
【发布时间】：2022-01-16 23:16:48
【问题描述】：

我想让我的ion-select 成为表单的必需输入，但它不能这样工作。我不使用 Angular 或 React。

<ion-select id= "id1" required>
//...
</ion-select>

【问题讨论】：

【解决方案1】：

将模板引用添加到名为 id1 的离子选择

<ion-select id= "id1" #id1 >
//...
</ion-select>

将此引用访问到 Typscript 类：

  @ViewChild("id1") id1!: IonSelect;

返回 html 页面以检查它是否具有验证您的提交按钮的值。

<ion-button [disabled]='!!id1 && !!id1.value'>Submit</ion-button>

【讨论】：