iT邦幫忙

DAY 27
1

開發 Mobile 手機的新一代霸主-ionic framework系列 第 27

ionic 實作(16): ionic ngCordova

  • 分享至 

  • xImage
  •  

ng-Cordova 是 ionic 與 Cordova 之間的整合的套件,只要直接使用 ng-Cordova 就可以很容易的與底層device 做一些 native 的溝通

官方網址 : http://ngcordova.com/docs/

安裝方式

安裝方式簡單的說就是把 ngcordova.js 放到Project 中,所以有幾個方式都達到

  1. 直接在terminal中使用 bower install ngCordova
  2. 直接 git clone https://github.com/driftyco/ng-cordova.git
  3. 在官方的 document 中直接點選下載

接下來把下載的Project 打開,把必要的檔案放置到ionic 的project 中

來個簡單的Sample

首先在Controller 中必須有inject ngCordova, 這邊是用 Dialogs來測試

使用模擬器來測試一下 codova 呼叫 Dialogs

大功告成,老實說目前我使用cordova 呼叫 mobile native 的不多,所以這邊就簡單介紹如何使用ngCordova,詳細的作法可以參考官方文件,不過我個人在測試是滿多問題的,可能還不是很熟,所以在編釋常常會有error出現

http://ngcordova.com/docs/


上一篇
ionic 實作(15): ionic Loading
下一篇
ionic 編釋成 native app
系列文
開發 Mobile 手機的新一代霸主-ionic framework30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言