iOS使用ngcordova的插件

1.安装Node.js（可以直接上官网下载）百度资料的下载地址：https://nodejs.org/download/release/v0.12.7/





图二显示安装成功

2.安装ionic cordova 在终端输入

sudo npm install -g cordova ionic 出现下图表示安装成功



3.现在我们创建一个ionic的项目（在你要创建文件的位子可随意)

sudo ionic start myApp 出现下图表示创建成功





添加平台

$ cd myApp
$ ionic platform add ios
$ ionic build ios
$ ionic emulate iOS

下图表示添加成功




到这里可能会出现不能编译工程没权限之类的信息，之后要在终端输入 sudo chmod -R 777. 就可以编译了

4。接下来使用ngcordova的插件，ngcordova是一个基于cordova封装的插件库，方便使用，具体请看官网，把ngcordova的包下载下来，因为我bower下载有问题，所以直接拉ngCordova的js配置文件使用。（可以参考）http://www.haomou.net/2015/01/05/2015_ionic_ngCordova/

可以先下载你需要使用的插件

1、进入当前工程文件夹

终端：cd 工程

2、添加插件 ：cordova plugin add

Basic device information (Device API):

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

Network Connection and Battery Events:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-battery-status.git

Accelerometer, Compass, and Geolocation:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device-motion.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device-orientation.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

Camera, Media playback and Capture:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media.git
Access files on device or network (File API):

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

Notification via dialog box or vibration:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git
$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-vibration.git

Contacts:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-contacts.git

Globalization:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-globalization.git

Splashscreen:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git

Open new browser windows (InAppBrowser):

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

Debug console:

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

3、查询已添加插件 ：plugin ls 或plugin list 或plugin

$ cordova plugin ls # or 'plugin list'

4、卸载插件

$ cordova plugin rm org.apache.cordova.core.console

$ cordova plugin remove org.apache.cordova.core.console # same

之后把在ngcordova官网下载回来的ngcordova的js配置文件拉进




把文件拖进来后去index.html文件配置好


点进js文件夹里面的app.js把ngcorova关联上



之后点进js文件夹里面的app.js的config 把这段代码

document.addEventListener("deviceready", function () {

var preferences = {

iosURL: "some URL",

appName: 'APP NAME',

language: 'fr'

};

$cordovaAppRateProvider.setPreferences(preferences);

}, false);



这个时候就配置好了，直接点进gncordova官网（http://ngcordova.com/）调用插件了






复制这段代码在js文件夹controller.js文件






最后随便选一个页面调用






效果如下图