前言
在使用ionic1.x版本開發(fā)移動應用的小伙伴們來說火脉,做一個從底部彈出的選擇器對一個初出茅廬的我來說比較困難的 好在有github存在,在某個大牛寫的選擇器插件里面做了局部的修改柒啤,實現(xiàn)了屬于自己需求的功能倦挂。并借助angualr1.x框架的自定義指令實現(xiàn)了屬于自己的指令。方便維護及修改担巩。github地址:.選擇器插件地址
需求:效果圖如下
場景描述:
1.點擊帥選項方援,從底部彈出一個帶有遮罩層的單向選取器菜單。
2.單向選取器上有確定和取消功能涛癌。
3.可對選擇器進行級聯(lián)操作犯戏,如果是級聯(lián)菜單,沒有選擇一級菜單拳话,提示用戶.
4.點擊確定按鈕之后先匪,會收集用戶帥選的數(shù)據(jù)。
功能實現(xiàn):
借助angualr1.x自定義指令實現(xiàn)了選擇器的指令化:指令申明一下屬性
{select對象弃衍,選擇器的標題呀非,對象轉換,默認選項镜盯,回調函數(shù)岸裙,及提示的回調函數(shù),等等]