SRM移动应用之单向选择器的使用

前言

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

需求:效果图如下


SRM移动应用之单向选择器的使用_第1张图片

场景描述:

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

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

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

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

功能实现:

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

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

指令的实现:


SRM移动应用之单向选择器的使用_第2张图片
SRM移动应用之单向选择器的使用_第3张图片

你可能感兴趣的:(SRM移动应用之单向选择器的使用)