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

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

I am not interested to changed the name of the [(ngModel)] or assign any value in the register.ts or edituser.ts file while loading. Since I have made the form to save the values successfully in the register mode to the DB. I need to show the Inserted value in the Edit user Form and how can i perform that.

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

例如：如果用户在编辑模式中选择“男性”作为选项,则在注册表单中我需要保留用户的输入权限,但表单再次显示“性别”而不是显示所选值.

下面我列出了包含离子选择的两种形式以及我所做的努力.

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)]的情况下选择值.

My aim is to keep the Model as I have in the register.html form [(ngModel)]=”gender” for both the Register and as well as the Edit Form.

解决方法

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

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