Tích hợp Ionic - Cordova

Cordova cung cấp ngCordova, là tập hợp các trình bao bọc được thiết kế đặc biệt để hoạt động với AngularJS.

Cài đặt ngCordova

Khi bạn khởi động ứng dụng Ionic, bạn sẽ nhận thấy rằng nó đang sử dụng bower. Nó có thể được sử dụng để quản lý các plugin ngCordova. Nếu bạn đã cài đặt bower, hãy bỏ qua bước này, nếu chưa có thì bạn có thể cài đặt nó trong cửa sổ nhắc lệnh.

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

Bây giờ chúng ta cần cài đặt ngCordova. Mở ứng dụng của bạn trong cửa sổ nhắc lệnh. Ví dụ sau được sử dụng cho ứng dụng nằm trên màn hình và được đặt tênMyApp.

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

Tiếp theo, chúng ta cần đưa ngCordova vào ứng dụng của mình. Mởindex.htmltập tin và thêm các tập lệnh sau. Điều quan trọng là phải thêm các tập lệnh này trướccordova.js và sau ionic tập lệnh.

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

Bây giờ, chúng ta cần tiêm ngCordova dưới dạng phụ thuộc góc. Mở tệp app.js của bạn và thêm ngCordova vào mô-đun góc. Nếu bạn đã sử dụng một trong các ứng dụng mẫu Ionic, bạn sẽ nhận thấy rằng có ion, bộ điều khiển và dịch vụ được đưa vào. Trong trường hợp đó, bạn sẽ chỉ thêm ngCordova vào cuối mảng.

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

Bạn luôn có thể kiểm tra các plugin đã được cài đặt bằng cách gõ lệnh sau.

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

Bây giờ, chúng ta có thể sử dụng các plugin Cordova. Bạn có thể kiểm tra tất cả các plugin khác tại đây .