Ionic - Cordova 整合

Cordova 提供了ngCordova，這是一組專門為與 AngularJS 協同工作而設計的包裝器。

安裝 ngCordova

當你啟動 Ionic 應用時，你會注意到它使用了bower。它可以用於管理 ngCordova 外掛。如果你已經安裝了 bower，請跳過此步驟；如果沒有，你可以在命令提示符視窗中安裝它。

C:\Users\Username\Desktop\MyApp> npm install -g bower

現在我們需要安裝ngCordova。在命令提示符視窗中開啟你的應用。以下示例用於位於桌面上名為MyApp的應用。

C:\Users\Username\Desktop\MyApp> bower install ngCordova

接下來，我們需要將 ngCordova 包含到我們的應用中。開啟index.html檔案並新增以下指令碼。務必在cordova.js之前和ionic指令碼之後新增這些指令碼。

<script src = "lib/ngCordova/dist/ng-cordova.js"></script>

現在，我們需要將 ngCordova 注入為 Angular 依賴項。開啟你的 app.js 檔案並將 ngCordova 新增到 Angular 模組。如果你使用過 Ionic 模板應用之一，你會注意到其中注入了 ionic、控制器和服務。在這種情況下，你只需在陣列末尾新增 ngCordova。

angular.module('myApp', ['ngCordova'])

你可以透過鍵入以下命令來檢查已安裝的外掛。

C:\Users\Username\Desktop\MyApp> cordova plugins ls

現在，我們可以使用 Cordova 外掛了。你可以在這裡檢視所有其他外掛 這裡。