Ionic-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を注入する必要があります。app.jsファイルを開き、ngCordovaをAngularモジュールに追加します。Ionicテンプレートアプリの1つを使用したことがある場合は、注入されたionic、コントローラー、およびサービスがあることに気付くでしょう。その場合、配列の最後にngCordovaを追加するだけです。

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

次のコマンドを入力すると、すでにインストールされているプラ​​グインをいつでも確認できます。

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

これで、Cordovaプラグインを使用できます。他のすべてのプラグインはここで確認できます。