前言

在使用ionic1.x版本开发移动应用的小伙伴们来说，做一个从底部弹出的选择器对一个初出茅庐的我来说比较困难的 好在有github存在，在某个大牛写的选择器插件里面做了局部的修改，实现了属于自己需求的功能。并借助angualr1.x框架的自定义指令实现了属于自己的指令。方便维护及修改。github地址：.选择器插件地址

需求：效果图如下

场景描述：

1.点击帅选项，从底部弹出一个带有遮罩层的单向选取器菜单。

2.单向选取器上有确定和取消功能。

3.可对选择器进行级联操作，如果是级联菜单，没有选择一级菜单，提示用户.

4.点击确定按钮之后，会收集用户帅选的数据。

功能实现：

借助angualr1.x自定义指令实现了选择器的指令化：指令申明一下属性

{select对象，选择器的标题，对象转换，默认选项，回调函数，及提示的回调函数,等等]

指令的实现: