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 ลงในโมดูลเชิงมุม หากคุณเคยใช้แอพแม่แบบไอออนิกคุณจะสังเกตเห็นว่ามีไอออนิกตัวควบคุมและบริการต่างๆ ในกรณีนี้คุณจะเพิ่ม ngCordova ที่ส่วนท้ายของอาร์เรย์

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

คุณสามารถตรวจสอบปลั๊กอินที่ติดตั้งไว้แล้วได้ตลอดเวลาโดยพิมพ์คำสั่งต่อไปนี้

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

ตอนนี้เราสามารถใช้ปลั๊กอิน Cordova คุณสามารถตรวจสอบทั้งหมดปลั๊กอินอื่น ๆที่นี่