ionic组件-form表单

本节知识点：Ionic之form表单实现MVVM，模拟数据提交或信息注册案例。

效果展示：

【ion-input】单行文本框

  用户基本信息姓名：年龄：

【ion-toggle】开关

   是否本科 

【ion-radio】单选按钮：快捷键ion-radio-group

注意：ion-radio（单选按钮）需配合ion-radio-group使用

  支付方式支付宝支付微信支付

【ion-checkbox】多选按钮

  兴趣爱好{{item.value}}

【ion-select】下拉选项框

属性【okText=" " cancelText=" "】：修改下拉选项框弹出后的按钮内容；

效果展示：

    请选择城市 {{item}} 

属性【multiple="true"】：multiple的属性值为"true"时，当可将单选下拉列表修改为多选；

效果展示：

    请选择城市 {{item}} 

【ion-textarea】多行文本

【数据来源：文件form.page.ts】

  //提前定义好一个数据，用来实现表单的双向数据绑定public peopleInfor:any={username:'',age:24,flag:true,paytype:'1',checkbox:[{ value:'芒果',isChecked:true },{ value:'草莓',isChecked:false },{ value:'苹果',isChecked:false }],citylist:['北京','上海','重庆'],city:'重庆'}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！