方法一:

在index.html 引入如下文件

<link rel="stylesheet" href="../css/mui.min.css">
   <link rel="stylesheet" type="text/css" href="../css/app.css" />
<link href="../css/mui.picker.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
<link href="../css/mui.poppicker.css" rel="stylesheet" />

<script src="js/muijs/mui.js"></script>
    <script src="js/muijs/mui.picker.js"></script>
    <script src="js/muijs/mui.dtpicker.js"></script>
    <script src="js/muijs/mui.poppicker.js"></script>

然后在你当前画面添加如下代码

<button id='showUserPicker' class="mui-btn mui-btn-block" type='button' ng-click='ShowSelect();'>一级选择示例 ...</button>

$scope.ShowSelect=function(){
        var userPicker = new mui.PopPicker();
        userPicker.setData([{ value: 'ywj', text: '董事长 叶文洁' }, { value: 'aaa', text: '总经理 艾AA' }, {
            value: 'lj',
            text: '罗辑'
        }, {
            value: 'ymt',
            text: '云天明'
        }, {
            value: 'shq',
            text: '史强'
        }, {
            value: 'zhbh',
            text: '章北海'
        }, {
            value: 'zhy',
            text: '庄颜'
        }, {
            value: 'gyf',
            text: '关一帆'
        }, {
            value: 'zhz',
            text: '智子'
        }, {
            value: 'gezh', 
            text: '歌者'
        }]);
        userPicker.show(function(items) {
            alert(JSON.stringify(items));
        });

转载于:https://my.oschina.net/u/227828/blog/901763

Ionic+cordova+angularJS 项目实现IPhone 下拉框滚动效果相关推荐

  1. php下拉框选中效果,jquery模拟select下拉框效果

    最近开发一网站的过程中碰到个需求,没有使用传统的select下拉框,而是使用了现代比较美观的一些元素设计了一个下拉框.对于这种东东,第一反应就是使用jquery来模拟了,还好,网上找了下,很快就找到了 ...

  2. 【学亮IT手记】angularJS select2多选下拉框实例

     永远保持对大部分知识的好奇心,学习从不枯燥,也没有被逼学习一说,乐此不疲才是该有的心态和境界!!! 引入相关js库: html部分代码: angularJS定义数据源变量: 更多专业前端知识,请上 ...

  3. 移动端日期选择,下拉框选择效果

    <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>WeU ...

  4. 【项目实战】select+input实现下拉框左右选择+模糊查询功能

    前言: 在项目中用遇到下拉框左右选择的需求,而easyui没有找到合适的插件,就想着用listbox来实现,但后来针对这个项目中没有想到合适的办法(ps:大家有了可以推荐哟),从网上看了一些demo, ...

  5. jquery ajax下拉联动,jQuery Ajax MVC 下拉框联动

    无刷新下拉框联动方法: Controllers代码 public JsonResult DH_Change(string DH_ID) { List TeamLeaderList = FinanceD ...

  6. 2018最新版省市区三级联动下拉框+所有源代码以及数据库

    2018年国家统计局最新数据,JSP+Servlet+Dao实现省市区三级联动下拉框的效果 DropdownDAO.java -–Dao层 package com;import java.sql.Co ...

  7. layui select下拉框联动

    背景:涉及到 省市县获取的项目必有下拉框三级联动,每次都需要百度查询,或者去翻原来的项目,着实不方便.因此,为了自己对三级联动的印象加深,同时也帮助第一次接触下拉框三级联动的小伙伴快速上道,总结一下该 ...

  8. 级联查询ajax,Jquery+Ajax下拉框级联查询

    Jquery代码 $(function(){ //提交事件 $("#ImageButton1").click(function(){ //省Id var provinceId=$( ...

  9. DevExpress的下拉框控件LookUpEdit的使用、添加item选项值、修改默认显示值

    场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...

最新文章

  1. 博客园HTML源码运行特制js(原创自Zjmainstay)
  2. 是什么动词_动词后面跟什么词?答案笑喷...
  3. fseek linux 大文件_一文搞懂Linux系统开发
  4. mysql按升序创建索引_Mysql中的降序索引底层实现
  5. 一文总结排序模型CTR点击率预估
  6. 如何在Android Wear上节省电池寿命
  7. Linux中强大的输入输出重定向和管道
  8. Visual Studio 2015 自动生成 的大文件xxx.vc.db的删除问题
  9. JAVA_MyEclipse常见配置NETGEAR路由器如何设置
  10. 【iOS开发】更改App图标下方显示的名称
  11. python读取npy文件_python – 如何在磁盘上创建一个numpy .npy文件?
  12. Unity3D物理渲染算法研究【PBR】
  13. Python爬虫之字体解密 | 以滑雪为例演示大众点评商铺信息采集
  14. 微信头像添加圣诞帽源码
  15. ipad协议835最新版
  16. python的curses模块使用
  17. Linux防火墙的关闭
  18. 营销费用的预算管理原则和模式
  19. 苹果原生二维码扫描器
  20. 2021-10-4Bootstrap

热门文章

  1. 食醋详细 酿造工艺、等级划分、国家标准号和注意事项
  2. Mybatis搞两下(sqlsession,动态代理)
  3. sys/types.h,sys/stat.h与fcntl.h的作用
  4. 周鸿祎:一个好团队不要超过3个人[联络易]
  5. 计算机夏令营英语怎么说,夏令营用英语怎么说?
  6. 论文阅读5 | Recent Advances in Data-Driven Wireless Communication Using Gaussian Processes: A Comprehens
  7. 数据库管理系统的层次结构--语言处理层
  8. 谁小时候没有计算机课,你的童年电脑记忆里有它们吗?
  9. 数据分析---众包任务
  10. SQL语句学习(自学记录)