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阅读 106,340评论 12 127
  • 每天日程都有完成哟! 可是今天不想写字! 只想睡觉! 最近饮食结构不好。中午不吃。晚上拼命吃! 今天撑到裙子勒腰!...
    没错我就是那个帅小伙阅读 29评论 0 0
  • 酝酿几许,想写出很多很多,有道不尽的万语千言,有诉不完的儿女情长,还有那些对旧时光的丝丝眷恋。话到嘴边,却又虚无缥...
    依剑江湖梦阅读 273评论 0 0
  • 1 欢呼,欢呼。街道两旁站满了居民。一个年轻的姑娘,有着每个青年小伙都幻想过的面孔,微笑着,拿着一束用丝带绑着...
    小花帽阅读 18评论 0 0
  • 筹备已久的年会在大家的期盼中如期举行了,家人们收货了欢声笑语,收到了先生对大家的爱!董事长对2017年的工作做了一...
    Tracy_zhang阅读 48评论 0 3