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를 각도 종속성으로 주입해야합니다. app.js 파일을 열고 ngCordova를 각도 모듈에 추가하십시오. Ionic 템플릿 앱 중 하나를 사용한 경우 주입 된 ionic, 컨트롤러 및 서비스가 있음을 알 수 있습니다. 이 경우 배열 끝에 ngCordova를 추가합니다.

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

다음 명령을 입력하여 이미 설치된 플러그인을 언제든지 확인할 수 있습니다.

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

이제 Cordova 플러그인을 사용할 수 있습니다. 여기 에서 다른 모든 플러그인을 확인할 수 있습니다 .