前言

在使用ionic1.x版本開發(fā)移動(dòng)應(yīng)用的小伙伴們來說，做一個(gè)從底部彈出的選擇器對(duì)一個(gè)初出茅廬的我來說比較困難的 好在有g(shù)ithub存在，在某個(gè)大牛寫的選擇器插件里面做了局部的修改，實(shí)現(xiàn)了屬于自己需求的功能。并借助angualr1.x框架的自定義指令實(shí)現(xiàn)了屬于自己的指令。方便維護(hù)及修改。github地址：.選擇器插件地址

需求：效果圖如下

場(chǎng)景描述：

1.點(diǎn)擊帥選項(xiàng)，從底部彈出一個(gè)帶有遮罩層的單向選取器菜單。

2.單向選取器上有確定和取消功能。

3.可對(duì)選擇器進(jìn)行級(jí)聯(lián)操作，如果是級(jí)聯(lián)菜單，沒有選擇一級(jí)菜單，提示用戶.

4.點(diǎn)擊確定按鈕之后，會(huì)收集用戶帥選的數(shù)據(jù)。

功能實(shí)現(xiàn)：

借助angualr1.x自定義指令實(shí)現(xiàn)了選擇器的指令化：指令申明一下屬性

{select對(duì)象，選擇器的標(biāo)題，對(duì)象轉(zhuǎn)換，默認(rèn)選項(xiàng)，回調(diào)函數(shù)，及提示的回調(diào)函數(shù),等等]

指令的實(shí)現(xiàn):