ionic3之ion-select 有选择项的下拉框

作者: 云小诺 | 来源:发表于2018-09-13 17:23 被阅读0次

ionic3之ion-select 有选择项的下拉框
Jeecg-Boot 数据字典的应用
ionic3开发之HttpClient POST（支持传入对象和
ionic3 ion-select的应用（用json动态填充）
Ionic3开发教程 - 发布IOS版本（4）
Ionic3开发教程 - 更新（5）
Ionic3开发教程 - 发布Android版本（3）
Ionic3开发教程 - 环境准备（1）
Ionic3开发教程 - 开发（2）
2018-04-27

类似于这种：

image.png

<ion-select  selectedText="{{seclectedCountry}}" >
   <ion-option *ngFor="let num of country" (ionSelect)="selectNumber(num)" value={{num.value}}>{{num.title}}   {{num.value}}</ion-option>
</ion-select>



selectNumber(num) {
   this.seclectedCountry = num.value;
}

重点就是这个 selectedText属性，放入要显示出来的值即可。

ionic3之ion-select 有选择项的下拉框
类似于这种：重点就是这个 selectedText属性，放入要显示出来的值即可。
Jeecg-Boot 数据字典的应用
一定要用力的活下去啊！使用数据字典给表单下拉框设置选择项如下，我们需要实现在新增记录和修改记录时有这种下拉框选...
ionic3开发之HttpClient POST（支持传入对象和
前言前面写过一篇ionic3使用HttpModule来进行网络请求的文章，ionic3开发之封装Http请求（支...
ionic3 ion-select的应用（用json动态填充）
1. ion-select {{o.text}} [selectOptions]主要用来填充pop 的标题 th...
Ionic3开发教程 - 发布IOS版本（4）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 更新（5）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 发布Android版本（3）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 环境准备（1）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
Ionic3开发教程 - 开发（2）
Ionic3开发系列教程Ionic3开发教程 - 环境准备（1）Ionic3开发教程 - 开发（2）Ionic3开...
2018-04-27
ios开发之区域地区选择下拉框，如下图：下拉框，出现和消失带有动画，下面有黑色半透明背景图遮盖左右列表是有两个...