前言
在使用ionic1.x版本开发移动应用的小伙伴们来说,做一个从底部弹出的选择器对一个初出茅庐的我来说比较困难的 好在有github存在,在某个大牛写的选择器插件里面做了局部的修改,实现了属于自己需求的功能。并借助angualr1.x框架的自定义指令实现了属于自己的指令。方便维护及修改。github地址:.选择器插件地址
需求:效果图如下
场景描述:
1.点击帅选项,从底部弹出一个带有遮罩层的单向选取器菜单。
2.单向选取器上有确定和取消功能。
3.可对选择器进行级联操作,如果是级联菜单,没有选择一级菜单,提示用户.
4.点击确定按钮之后,会收集用户帅选的数据。
功能实现:
借助angualr1.x自定义指令实现了选择器的指令化:指令申明一下属性
{select对象,选择器的标题,对象转换,默认选项,回调函数,及提示的回调函数,等等]