cordova的插件怎么引用

cordova的插件怎么引用,第1张

4、ng-cordova安装与使用

4.1、下载ng-cordova

bower install ngCordova

4.2、引入ng-cordova.js文件

把 ng-cordova.js 或者 ng-cordova.min.js引入index.html中并放在cordova.js之前, AngularJS Ionic 文件之后 (因为ngCordova d依赖AngularJS).

4.4、引入ng-cordova的依赖

在主程序的app.js中引入ng-cordova的依赖

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

4.5、添加插件到你的Cordova CLI环境中

cordova plugin add ...

4.6、使用

要在检查设备准备完毕之后使用

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

$cordovaPlugin.someFunction().then(success, error)

}, false)

// OR with IONIC

$ionicPlatform.ready(function() {

$cordovaPlugin.someFunction().then(success, error)

})

不过我测试过,因为已经run过了,你的各种功能肯定在这之后,所以之后在哪用都可以。不过要是有些功能是启动应用就要有,还是要写在这里面的。

?

angular.module('starter', ['ionic', 'route','config','global','commonJs','ngCordova'])

.run(['$ionicPlatform','$rootScope', '$location', '$timeout', '$ionicHistory','CommonJs','$cordovaToast',function($ionicPlatform,$rootScope, $location, $timeout, $ionicHistory,CommonJs,$cordovaToast) {

$ionicPlatform.ready(function() {

// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard

if (window.cordova &&window.cordova.plugins &&window.cordova.plugins.Keyboard) {

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true)

}

if (window.StatusBar) {

// org.apache.cordova.statusbar required

StatusBar.styleLightContent()

}

})

}])

1

首先需要安装好node.js(网上教程很多)

这是为了使用npm来安装ant,cordova,ionic

验证是否安装好node.js的方法是在命令提示符中输入“node -v”

若出现版本号,证明安装成功

2

下载jdk,并配置java环境(网上教程很多)

验证是否安装好的方法是在命令提示符中输入“javac”

若出现如下内容,证明安装成功。

3

安装ant,并配置相应的环境(网上搜教程)

验证是否安装好ant的方法是在命令提示符中输入“ant -v”

若出现版本号,证明安装成功。

4

现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;

验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”

若出现版本号,证明安装成功。

5

接下来是安装成功ionic的重要一步了,就是安装express,

cmd 输入:npm install express

等待一会即可

6

接下来就可以安装ionic了,也是按下图,或是去官网查看步骤

注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk

或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”

直接在浏览器中查看效果;

7

验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”

若出现下图,证明安装成功。

END

应用过程中遇到的一些问题解决办法

1

升级cordova命令

调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help

END

注意事项

配置环境变量时,用英文状态下“”把要添加的路径与前面有的隔开;

所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~

如果前面都实现了,但是ionic还是安装失败,多半是网络问题;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/7952321.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存