前言
最近諸多事務纏身耕捞，沒有太多的時間閑下心來寫寫文檔，好不容易擠出點時間竖幔，寫一下關于我這段時間板乙，寫的一個小demo功能，雖然功能比較簡單拳氢∧汲眩基本上是參考ionic3官網的文檔，如果有哪里不對或者需要修改的地方馋评，歡迎指教放接，本人虛心接受。
需求：效果圖如下
場景描述：
? ? ?在一些常見的移動應用中經常遇到一些留特，讓用戶進行帥選的數(shù)據(jù)纠脾，這些用戶場景比較常見。為此我實現(xiàn)了一下一下常見的選擇器：1蜕青，時間選擇器苟蹈，2，底部彈出選擇器（適用于少量數(shù)據(jù)場景）右核，3,普通選擇器（適用于選擇的數(shù)據(jù)量不大的場景）慧脱，3，特殊選擇器（適用于選擇的數(shù)據(jù)量比較大的場景）
時間選擇器：
? 主要借助于ionic3框架里面的一個ion-datetime組件實現(xiàn)的具體實現(xiàn)如下：
模板代碼：
在視圖控制層定義并初始化一個myDate的成員變量贺喝。
底部彈出選擇器：
? 主要借助ionic3為我們提供的ActionSheetController組件具體實現(xiàn)看如下代碼：定義一個presentActionSheet成員方法菱鸥，在模板也觸發(fā)該事件即可。
普通選擇器：
普通選擇器適用于數(shù)據(jù)量一般的場景下躏鱼，實現(xiàn)原理主要借助主ionic3組件之ion-select的基礎之上進行開發(fā)出屬于自己的組件氮采。
模板頁如下：
控制層定義一個數(shù)據(jù)源如下：
特殊選擇器：
特殊選擇器主要適用于數(shù)據(jù)量比較多的場景下，并且?guī)в兴阉鞴δ苋究粒瑱z索出用戶想要的結果鹊漠，實現(xiàn)特殊選項器主要是借助于ionic3 為我們提供的ModalController來實現(xiàn)的。具體實現(xiàn)如下
默認頁面
業(yè)務層如下：
控制層關鍵代碼如下：
總結：
雖然功能需求比較簡單茶行，但是基本上涵蓋了移動應用用戶選擇數(shù)據(jù)的基本場景躯概。目前還在完善中，如果以上有哪些地方寫的不好拢军，或者需要完善的楞陷，可以和我聯(lián)系：qq:771534408
