平時會留意一些開源組件，收藏到收藏夾里，然后一天mac電腦因為卸載window出問題導致不能不重裝，然后里面的東西都沒了，特別是適用于ionic2布局的angular2和普通js……so sad，現整理回一些并分享下：

這里是組件篇，所以關于開源項目和插件的分別放在其它章，因為圖片多會影響本文速度和美觀，所以只放部分圖。

提醒一點，ionic3除了很方便使用ionic2及以上組件外，也很方便引入angular2或普通js的組件。這里列的基本都是ionic2，如果沒有，可以自行找angular2或js的。

組件庫，可能和下面的有重復

• awesome-ionic2-components
• ionic3-components

日歷

• ion2-calendar
• Ionic2-Calendar
• ionic2-date-picker
• ionic2-datepicker
• easy-ionic2-calendar

滑動選項卡

• ionic2-super-tabs
• Ionic2-ScrollableTabs
• ionic3-swipetabs-segment
  
  

  Ionic2-ScrollableTabs

評分

• ionic2-rating

評分

視頻播放

• videogular2

圖表

• ng2-charts

強制更新

• ionic-manup

圖像瀏覽

• ionic-img-viewer
• ionic-gallery-modal
• ImagePicker
• PhotosView

ImagePicker

圖像加載

• https://github.com/zyra/ionic-image-loader

手風琴收縮

• ionic2Accordion

ionic2Accordion

聊天

• ionic3-chat
• ionic3chat
  
  聊天

表情輸入

• ionic3-emoji-picker

多級聯動

• ionic2-city-picker
• ion-multi-picker
• iosselect

ionic2-city-picker

ion-multi-picker

鍵盤輸入

• ionic2-pincode-input——密碼鍵盤
• ion-digit-keyboard-v2——數字鍵盤
  
  

  ionic2-pincode-input

自動完成

• ionic2-autocomplete
  
  

  ionic2-autocomplete

錨點滾動列表

• ionic2-alpha-scroll
• ionic2-indexed-scroll
• ionic3-index-list——群里有人發就補充上來了

ionic2-indexed-scroll

透明狀態欄

• ionic2-transparent-bar

多層菜單

• Ionic3-MultiLevelSideMenu

滾動收縮

• Ionic2-FullscreenContent
• ionic-shrinkage
• ionic2-fixedscroll-directive

ionic2-fixedscroll-directive

圓形菜單

• Ionic2-CircularTabs
  
  

  圓形菜單

圓形文本

• ionic2-circle-text-avatar
• text-avatar
  
  

  ionic2-circle-text-avatar

tag輸入

• ionic-tags-input
  
  

  tag輸入