Web开发学习笔记:ngCordova的安装配置

本文详细介绍如何使用Bower安装ngCordova,并将其正确集成到Ionic或Angular项目中,包括安装node.js、Git、Bower及ngCordova的步骤。

ngCordova的安装配置

官网提供了两种安装的方法: 
1. 使用bower来安装 
2. 下载zip文件

 

bower简介:

Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。

备工作:

  • 安装node环境:node.js
  • 安装Git,bower从远程git仓库获取代码包:git简易指南

装bower:

使用npm,打开终端,输入:

npm install -g bower

其中-g命令表示全局安装

 

安装ngCordova

进入到工程目录,使用bower工具安装:

1.cmd跳转

 

然后执行下面这句命令

bower install ngCordova

稍作等待,我们的ngCordova就安装好了。

我们查看一下我们的项目,发现ngCordova已经在“项目路径\www\lib”下面:

这里写图片描述

接着,将ng-cordova.js 或者 ng-cordova.min.js文件include到我们的index.html。

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

注意:ng-cordova.js文件必须在cordova.js之前并且在 AngularJS / Ionic文件之后(因为ngCordova depends on AngularJS)

在angular中添加ngCordova依赖

angular.module('myApp', ['ngCordova'])
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值