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

类似于这种:


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属性,放入要显示出来的值即可。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,969评论 19 139
  • 每天日程都有完成哟! 可是今天不想写字! 只想睡觉! 最近饮食结构不好。中午不吃。晚上拼命吃! 今天撑到裙子勒腰!...
    没错我就是那个帅小伙阅读 313评论 0 0
  • 酝酿几许,想写出很多很多,有道不尽的万语千言,有诉不完的儿女情长,还有那些对旧时光的丝丝眷恋。话到嘴边,却又虚无缥...
    依剑江湖梦阅读 647评论 0 0
  • 1 欢呼,欢呼。街道两旁站满了居民。一个年轻的姑娘,有着每个青年小伙都幻想过的面孔,微笑着,拿着一束用丝带绑着...
    小花帽阅读 164评论 0 0
  • 筹备已久的年会在大家的期盼中如期举行了,家人们收货了欢声笑语,收到了先生对大家的爱!董事长对2017年的工作做了一...
    Tracy_zhang阅读 103评论 0 3