ngCordova插件说明

ionic ngCordova插件安装

ngCordova的安装配置官网提供了两种安装的方法: 1. 使用bower来安装 2. 下载zip文件推荐使用bower安装,在使用bower之前,我们电脑中需要先配置bower.bower的配置非常简单: bower简介: Bower是一个客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源. 准备工作: 安装node环境:node.js 安装Git,bower从远程git仓库获取代码包:g 安装bower: 使用npm,打开终端,输入…

ngCordova插件安装使用

为什么ngCordova ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api. 在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码.使用ngCordova应该可以解决这个问题. ng…

ionic 项目中使用ngCordova插件$cordovaCamera筛选手机图库图片显示出来并上传

原文档请看http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0/ 1.首先下载这个插件: 可以在package.json文件中添加“cordova-plugin-device"来添加,也可以直接在ngCordova官网里找到相应的命令来下载, 命令为: cordova plugin add cordova-plugin-camera 2.在ionic项…

ng-cordova(插件库)

ng-cordova 环境配置 1.执行以下命令 bower install ngCordova 2.引用文件(在引用cordova.js之前引用) <script src="lib/ngCordova/dist/ng-cordova.js"></script> <script src="cordova.js"></script> 3.注入模块 angular.module('App', ['ngCordova'])…

转载自 http://my.oschina.net/u/1416844/blog/495026 参考http://blog.csdn.net/superjunjin/article/details/44344533 $cordovaFileOpener2 这个插件将打开你的设备文件系统的文件,用默认应用程序.判断系统是否安装了某个软件 $cordovaFileTransfer 这个插件允许你上传和下载文件. $cordovaFile 一个插件来访问设备的文件和目录. $cordovaSQLit…

Cordova各个插件使用介绍系列（五）—$cordovaGeolocation获取当前位置

详情请看:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-5-cordovageolocation/ $cordovaGeolocation是可以获取当前位置的ngCordova插件,在项目中应用到,在这里讲解一下: 1.首先需要下载此插件,命令是: cordova plugin add cordova-plugin-geolocation 2.在JS中的代码如下,这个代码写在相应的控制器里并且依赖‘$cordo…

ng-cordova和cordova区别

1.cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等. Cordova支持如下7种移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian. Cordova是贡献给Apache后的开源项目,是从phonegap中抽出的核心代码,目前(PhoneGap和Ap…

ngCordova安装配置使用教程

ngCordova是什么 ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api.通俗的讲就是ngCordova在Cordova基础上面提供了更多访问原生api的功能. 新手刚开始学ionic的时候可能会嫌弃ionic做不了与手机硬件紧密结合的APP,今天无意中看到了另外一个项目ngCordova,福音啊.神马拍照啊,文件上传啊,地理位置啊,借助…

Ionic App 更新插件cordova-plugin-app-version

1.安装相关插件 cordova-plugin-file ,cordova-plugin-file-opener2,cordova-plugin-file-transfer,cordova-plugin-app-version cordova plugin add cordova-plugin-file cordova plugin add cordova-plugin-file-opener2 cordova plugin add cordova-plugin-file-transfer 2…

前端移动App开发环境搭建

移动App开发环境安装一.环境安装准备软件二.node的安装像安装普通软件一样,安装对应版本的node软件,安装好之后就可以运行npm命令行,比如npm init .npm install -g bower.npm install -g browser .npm install -g browser-sync.npm install -g gulp -cli --save --dev .npm install jquery --save.等等;注意安装路径不要选中文路径,配置文件是pac…

ionic实现双击返回键退出功能

实现这个功能需要四个步骤: 步骤一: 说明:因为需要和手机的硬件(返回按钮)打交道,而ionic本身是不具备该功能的,但是有一个东西可以:ng-cordova插件,这个插件是phoneGap为了能让ionic操作硬件而为ionic量身打造的一款插件,只要安装上这个插件,我们的ionic应用就具备了拍照,浏览图库,监听返回按钮等等功能. 操作:按照这个网址http://ngcordova.com/docs/install/上面说的安装好ng-cordova插件步骤二: 说明:上述的ng-cord…

Ionic开发实战

转自:http://blog.csdn.net/i348018533/article/details/47258449/ 折磨的两个月!Ionic从零单排,到项目发布!遇到了很多问题但都一一解决了,此篇文章留作记录. 当初想着因为项目不大人力足够的并且因为团队没有移动开发经验的情况下,是不是能够是用hybrid app来代替原生来完成这个项目,经过一些技术调研之后选择了Ionic.当时是对Ionic一无所知,凭借一些盲目的自信,想着方正有开发文档能有什么问题呢.现在想想都觉得当时有点冲动万一中间…

安卓app开发方式之webApp

1.phonegap: 专注于webapp调用native的功能.2.ionic: 专注于webapp的前端ui技术,需要与phonegap(准确的说是和Cordova配合使用).ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.目前绑定的与angularJS和SASS.这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,…

初识ionic

1.Ionic环境安装 Ionic开发是依赖于Nodejs环境的,所以在开发之前我们需要安装好Nodejs.下载安装:http://nodejs.org/ 安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功,如果返回版本号则说明成功. 在PowerShell命令行中执行: npm install -g cordova ionic 1 1 这是使用npm包管理器安装cordova和ionic,-g的意思是全局安装,全局安装后在PowerShell中任何目录下都…

Ionic 入门与实战之第一章：Ionic 介绍与相关学习资源

原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念.发展历程.适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源. 原文发表于我的技术博客 1. Ionic 简介在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响.Ionic 在 2013 年发布第一个版本,目前已经发布到了 2.0 Beta 6 (2016/04/25),是一个比较成熟,也是发展比较快的一个 Hybrid App 开发框架. 1.1…

cordova发送邮件插件：ngcordova plugin-Email Composer

这是ngcordova里边的一个发送邮件的插件,具体的使用方法为: (参考文档:http://ngcordova.com/docs/plugins/emailComposer/) 1.首先下载插件: cordova plugin add https://github.com/katzer/cordova-plugin-email-composer.git 2.在控制器中 module.controller('feedbackCtrl' , [ '$scope', '$cordovaEmailCo…

在ionic/cordova中使用百度地图插件

在ionic项目中,如果想实现定位功能,可以使用ng-cordova提供的cordova-plugin-geolocation. 但由于高墙的缘故,国内andorid环境下,此插件不起作用(ios环境下可用). 国内比较好的是现实使用百度地图提供的API,来实现定位,以及地图的一系列扩展功能. 现在我们使用'Weizhe He'提供的cordova-qdc-baidu-location来尝试创建简单的定位app. Stpe1:创建一个项目(此处使用的是tab类型的项目,创建方式可参照我前一篇如何…

ionic ngcordova map 地圖

幾乎每個APP都會有地圖所以在這裏記錄一下 1.在index.html 中 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB16sGmIekuGIvYOfNoW9T44377IU2d2Es&sensor=true"></script> …

ionic ngcordova barcodescanner

二維碼掃描最近有一個項目用到了二維碼的掃描總結一下記錄一下 1. ionic platform add ios 2. 添加插件 cordova plugin add https://github.com/wildabeast/BarcodeScanner.git 3.添加ngcordova.min.js 到www文件夾下:在index.html 中引用ngcordova.min.js 和在app.js中聲明一下ngcordova 這裏略過..... 4. 在ap…

ionic ngcordova camera

拍照是經常用到的,所以記錄一下拍照的代碼... 1. ionic start camera blankcd camera ionic platform add ios 2. 添加插件,這裏很熟悉.... cordova plugin add org.apache.cordova.camera 3. 可以從這裏下載 ngcordova.min.js 或者ngcordova.js 然後添加到www/lib/ionic/js 文件夾下 (不強求....) 4.在index.html 引用ngcord…

Cordova各个插件使用介绍系列（四）—canvas2ImagePlugin保存二维码到手机本地

详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-4-canvas2imageplugin/ 在前面几篇文章中简单写了一下,在项目中怎么实现扫描的功能和将信息转化为二维码的功能,现在来介绍一下怎么将生成的二维码保存到手机的本地,这样关于二维码的内容基本上就全面了,好开心~~! 同样的,我还是想说,首先我这个是做基于ionic+ngCordova+Anjularjs的项目,所以,希望大家在看之前已经了解…

Cordova各个插件使用介绍系列（三）—$cordovaImagePicker从手机图库选择多张图片

详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-3-cordovaimagepicker/ 这是能从手机里选择多张图片的插件,是当时在做相机.上传图片相关的功能时在ngCordova官网看到的,下面简单介绍一下它的用法: 1.首先需要有一个简单的项目,然后在命令行输入添加插件的命令: cordova plugin add https://github.com/wymsee/cordova-image…

Cordova各个插件使用介绍系列（二）—$cordovaBarcodeScanner扫描二维码与生成二维码

详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-2-cordovabarcodescanner/ 这是一个用来扫描二维码的cordova插件,在做项目的时候想实现类似于微信的扫一扫功能,就想到了cordova的$cordovaBarcodeScanner插件,用很少量的代码就可以实现了,下面来看一下具体的实现步骤: 一.扫描二维码: 1.首先需要有一个简单的项目,然后在命令行输入添加插件的命令: c…

Cordova各个插件使用介绍系列（一）—$cordovaSms发送短信

详情链接地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/cordova-1-cordovasms/ 这是调用手机发送短信的插件,因为在做项目的时候有这个需求找了一下看到这个,在这里简单介绍一下,使用之前有一定的ionic基础和开发项目的经验. 1.首先需要有一个简单的项目,然后在命令行输入添加插件的命令: cordova plugin add https://github.com/cordova-sms/cordova-s…

ionic实战系列(二):使用cordova插件

本章主要关注cordova的各种插件,利用好手机(移动设备)的原生功能.首先cordova是一个将web网页内嵌到原生app的平台(核心功能),然后cordova拥有的插件系统扩展了核心功能. Cordova插件即插即用.有一些由官方项目组提供支持,有很好的维护.有一些是社区提交并维护,也许维护不那么及时,那么在使用前最好确认一下插件是否能在当前cordova正常工作(cordova插件和cordova版本匹配). 本章包含 2.1插件使用考虑的问题 2.2安装cordova插件 2.3使用co…

【移动端】icon中ng-cordova使用

cordova介绍 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等. Cordova支持如下7种移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian. Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,目前(PhoneGap和Apache Cordov…

ionic安装插件常用命令

常见插件查找网站: http://ngcordova.com/docs/plugins http://cordova.apache.org/plugins/ $ ionic plugin list //列出所有已安装插件 $ ionic plugin remove [插件名] //插件卸载 $ ionic plugin add [插件名|插件git地址] //插件安装 $ ionic –help //查看帮助文件…

Cordova各个插件使用介绍系列（七）—$cordovaStatusbar手机状态栏显示

在项目中发现Android和iOS在手机状态栏样式不一样,然后就查到有一个cordova插件可以解决这个问题 1.下载插件$cordovaStatusbar命令: cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git 2.在config.xml里面配置如下: <feature name="StatusBar"> <param name="ios-package&qu…

Cordova各个插件使用介绍系列（八）—$cordovaCamera筛选手机图库图片并显示

Angular杂谈系列1-如何在Angular2中使用jQuery及其插件

jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大多基于jQuery和它的插件.而且现在Angular2的组件生态还不是很完善,我们在编写Angular的时候也许会想要用到jQuery.本篇文章就简单介绍下在Angular2中使用jQuery 如果你不知道怎么搭建Angular2开发环境,请参考我之前写这篇文章:Angular2入门系列教程1-使用…

【ngCordova插件说明】的更多相关文章