JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 在编辑模式下执行CRUD操作时选择离子选择选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用多个字段执行CRUD操作.我有[(ngModel)]所有字段.

注意:我有几个其他字段,即文本字段,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)]的情况下选择值.

解决方法

我不相信有办法做你所描述的.但是,有一个解决方法. Ionic SELEct组件将发出离子变化事件,请参阅API文档中的 Output Events部分.这是实施.
<ion-SELEct [(ngModel)]="gender" (ionChangE)="onSELEctChange($event)">

大佬总结

以上是大佬教程为你收集整理的javascript – 在编辑模式下执行CRUD操作时选择离子选择选项全部内容,希望文章能够帮你解决javascript – 在编辑模式下执行CRUD操作时选择离子选择选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。