Ionic-cordova-integration

提供:Dev Guides
移動先:案内検索

イオン-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をアプリに含める必要があります。 indexl ファイルを開き、次のスクリプトを追加します。 cordova.js の前と ionic スクリプトの後にこれらのスクリプトを追加することが重要です。

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

次に、ngCordovaを角度依存性として注入する必要があります。 app.jsファイルを開き、ngCordovaをangleモジュールに追加します。 Ionicテンプレートアプリのいずれかを使用している場合、イオン、コントローラー、およびサービスが注入されていることがわかります。 その場合、配列の最後にngCordovaを追加するだけです。

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

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

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

これで、Cordovaプラグインを使用できます。 他のすべてのプラグインhttp://ngcordova.com/docs/plugins/[こちら]を確認できます。