在编辑模式下执行CRUD操作时,选择离子选择选项

Question

我正在使用多个字段执行CRUD操作.我有[(ngModel)]所有的领域.

我不想更改[(ngModel)]的名称register.ts或edituser.ts在加载时分配或文件中的任何值.因为我已经使表单在寄存器模式下成功地将值保存到DB.我需要在编辑用户表单中显示插入的值以及如何执行该操作.

注意:我有几个其他字段,即文本字段,textarea,密码两种形式,但不知何故我设法在注册过程中将数据保存到数据库中,在编辑用户部分,我也显示了已在编辑模式下插入的值除了之外的所有其他输入类型ion-select.

例如:在登记表,如果用户选择了"男"在编辑模式的选项,我需要留在用户输入正确的,但形式再次表明"性别",而不是显示所选值.

下面我列出了包含的两种形式ion-select以及我所做的努力.

register.html

<ion-item>
  <ion-label floating>Gender</ion-label>
  <ion-select [(ngModel)]="gender">
     <ion-option value="Male">Male</ion-option>
     <ion-option value="Female">Female</ion-option>
  </ion-select>
</ion-item>

Edituser.html

我尝试了各种各样的选择,但这一个单独工作.但这不是我要找的那个.到目前为止[(ngModel)]="editUser.gender"工作,并在选项标签中选择值,但这不是我想要的.我需要模型如下,[(ngModel)]="gender"但必须使用任何可用的方法选择值.

<ion-item>
   <ion-label floating>Gender</ion-label>
   <ion-select [(ngModel)]="editUser.gender" name="gender">
      <ion-option value="Male">Male</ion-option>
      <ion-option value="Female">Female</ion-option>
   </ion-select>
</ion-item>

editUser 包含来自DB的JSON数据.

这里的主要缺点是,当我提供这样的modelname时,在提交表单时不会获取值.所以我需要选项来选择值而不需要更改[(ngModel)].

我的目标是保持模型在register.html表格[(ngModel)] ="性别"中为Register和Edit Form保留.

Answer 1

我不相信有办法做你所描述的.但是,有一个解决方法.Ionic Select组件将发出离子变化事件,请参阅API文档中的" 输出事件"部分.这是实施.

 <ion-select [(ngModel)]="gender" (ionChange)="onSelectChange($event)">