精华内容
下载资源
问答
  • ionic_ngcordova 练习使用ngcordova
  • #ngcordova ##1.如何在ionic项目中应用ngcordova? 进入到工程目录,使用bower安装ngcordova bower install ngCordovangcordova的js文件添加到cordova.js之前,注意cordova.js不需要修改,也不能删除,否则无法...
  • ngcordova-源码

    2021-03-22 00:13:27
    #ngcordova
  • ngcordova 打字稿定义 NgCordova 的打字稿定义( )
  • ngcordova 使用手册

    2018-07-25 23:05:39
    ngcordova 使用手册,方便大家学习。有需要的可以下载
  • ngCordova ngCordova插件示例测式,参考自于官方源码包 菜单中蓝色字体代表已在Android手机上亲测,由于本项目需要依赖手机系统硬件,因此,可能无法直接在浏览中测试,请接用ion run命令在真机上调试 服务器###...
  • ngCordova-demo-源码

    2021-07-03 12:39:08
    ngCordova 演示应用程序 这是 ngCordova 的演示应用程序,用于展示如何使用每个插件。 仍然是 WIP 使用这个应用程序: 首先添加一个cordova平台: cordova platform add ios / android
  • ngCordova-Oauth-plugin-example 这是带有 ionicframework ngCordova-Oauth-plugin-example 的 ngcordova Oauth 插件示例
  • ngCordova型脚本演示 使用Typescript编写的使用ngCordova的Ionic 1.X演示 请按照以下步骤运行应用程序 安装以下工具 git克隆 npm install -g打字稿 npm install -g tsd cd ngCordova-typescript-demo npm安装 凉亭...
  • ngcordova-phonegap-build
  • ionic 添加 ngCordova

    2019-10-03 00:47:22
    ngCordova使用很简单,首先在项目目录下,使用bower工具安装 bower install ngCordova 然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前 <script src="lib/ngCordova/dist...

    ngCordova使用很简单,首先在项目目录下,使用bower工具安装 

       bower install ngCordova    

    然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前 

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


    在js中添加ngCordova依赖 

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


    在使用每个插件之前,必须先检测设备是否就绪  

      $ionicPlatform.ready(function() { 
        $cordovaPlugin.someFunction().then(success, error);
      });

     

    转载于:https://www.cnblogs.com/xindejiyi/p/5603099.html

    展开全文
  • ngCordovaDome ionic ngCordova 示例工程
  • ngCordova_Dome:新版-源码

    2021-04-30 23:41:58
    ngCordova_Dome 新版 ngCordova 插件示例测式,参考自于官方源码包 菜单中蓝色字体代表已在Android 手机上亲测,由于本项目需要依赖手机系统硬件,因此,可能无法直接在浏览中测试,请接用ionic run 命令在真机上调试...
  • 第7章-Cordova和ngCordova 关于本章 在本章中,我们将研究如何将特定于设备的功能(例如网络,电池状态,摄像头等)集成到任何Ionic应用程序中。 我们将首先研究Cordova插件,然后使用ngCordova。 在本章中,我们将...
  • mock_ngcordova_example 本文的示例项目: 设置 npm install gulp npm install gulp-util npm install gulp-preprocess --save-dev cd node_modules npm install
  • 该项目旨在测试和学习如何正确使用ngCordova相机和ngCordova文件传输至: 从真实设备相机拍摄照片(Android / iOS) 向用户显示图像的预览 将图像存储在安全的位置 将此安全位置存储在本地存储变量中 使用...
  • ngCordova-NFC 用于cordova-plugin-nfc功能的ngCordova Wrapper 这是一个非官方的 ngCordova 插件(只是调整了功能的包装方式)。 它将用承诺替换成功和失败的回调。 #Install ##via bower: bower install git:/...
  • ngCordovaApp 使用ngCordova插件的示例Ionic App
  • ngCordova配置安装

    千次阅读 2015-02-10 16:47:10
    ngCordova是什么 开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,今天无意中看到了另外一个项目ngCordova,福音啊。神马拍照啊,文件上传啊,地理位置啊,借助ngCordova插件都可以实现。ngCordova...

    ngCordova是什么

    开始学ionic的时候就嫌弃ionic做不了与手机硬件紧密结合的APP,今天无意中看到了另外一个项目ngCordova,福音啊。神马拍照啊,文件上传啊,地理位置啊,借助ngCordova插件都可以实现。ngCordova是结合cordova和angular包装了许多插件,诸如访问文件,摄像头,GPS等等,这些插件只需要简单配置就可以在ionic中使用。

    ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展,让开发者可以方便的在HybridApp开发中调用设备能力,即可以在AngularJs代码中访问设备能力Api。

    在cordova插件的sucess和error js回调方法中,是无法使用 angularjs的$scope对象和注入的方法的,只能访问全局的方法和变量,这样会导致很多麻烦,必须使用传统的js方法写很多难看的代码。使用ngCordova应该可以解决这个问题。

    ionic中文教程

    ngCordova安装

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

         
    1
         
    $ bower install ngCordova

    然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前,例如:

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

    然后再angular中添加ngCordova依赖,

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

    在使用每个插件之前,必须先检测设备是否就绪,通过cordova内置的原生事件deviceready来检测,如下:

         
    1
    2
    3
    4
    5
    6
    7
    8
    9
         
    document . addEventListener ( "deviceready" , function ( ) {
    $c ordovaPlugin . someFunction (). then ( success , error );
    }, false );
    // OR with Ionic
    $ionicPlatform.ready( function( ) {
    $c ordovaPlugin.someFunction(). then (success, error );
    });

    然后可以通过下面的命令添加插件到项目中:

         
    1
         
    cordova plugin add ...

    至此ngcordova安装成功,关于plugin的教程,参见官网:
    http://ngcordova.com/docs/plugins/

    谢谢!

    转载出处:http://www.haomou.net/2015/01/05/2015_ionic_ngCordova/

    展开全文
  • ionic_ngcordova_backgroundgeo_test 测试应用程序以在后台任务中记录每个地理位置更新 使用: : 使用的命令: mkdir geo_adapt cd geo_adapt/ ionic start myApp 侧边菜单 光盘我的应用程序/ 凉亭安装 ...
  • Ionic ngcordova 二维码扫描

    千次阅读 2016-05-17 19:12:19
    ionic 中ngcordova提供二维码扫描功能 二维码插件 http://ngcordova.com/docs/plugins/barcodeScanner ionic corodova nodejs bower 的安装方法网上有教程,下面是各个模块的版本 版本号 下面开启项目之旅 1、...
    ionic 中ngcordova提供二维码扫描功能 二维码插件 http://ngcordova.com/docs/plugins/barcodeScanner
    ionic corodova nodejs bower 的安装方法网上有教程,下面是各个模块的版本   
    

    版本号
    这里写图片描述
    下面开启项目之旅
    1、新建项目
    ionic start Ionic_barcode blank
    cd Ionic_barcode
    ionic platform add android
    2、 添加二维码扫描插件
    cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

    我用的subline 整个项目的结构如下
    这里写图片描述

    3、添加ngcordova
    3.1 下载 ng-cordova.min.js
    https://github.com/driftyco/ng-cordova/releases
    将ng-cordova.min.js拷贝到项目的www/js目录。
    3.2 也可以用下面的方法下载
    bower install ngCordova
    4、index.html中引用
    我用的是3.2的方法
    项目结构如下:
    这里写图片描述
    index.html 中的引用如下
    这里写图片描述
    注:ngcordova.min.js 一定要在cordova.js 前面引用

    5、修改app.js
    angular.module(‘starter’, [‘ionic’,’ngCordova’])
    6、编写controller
    在www/js目录下新建controller.js
    angular.module(‘starter.controllers’, [])
    .controller(‘barcodeCtrl’, function ( scope, cordovaBarcodeScanner) {
    scope.scanBarcode = function() {cordovaBarcodeScanner.scan().then(function(imageData) {
    alert(imageData.text);
    console.log(“Barcode Format -> ” + imageData.format);
    console.log(“Cancelled -> ” + imageData.cancelled);
    }, function(error) {
    console.log(“An error happened -> ” + error);
    });
    };
    });
    记得在app.js 注入controller 模块
    angular.module(‘starter’, [‘ionic’,’ngCordova’,’starter.controllers’])

    7、方法的调用
    在index.html中

    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">二维码扫描示例</h1>
      </ion-header-bar>
     <ion-content ng-controller="BarcodeScannerCtrl"  scroll="false" padding="true">
    <button ng-click="scan()" class="button button-block button-positive">Scan</button>
    
    <div class="card">
      <div class="item item-divider">Barcode Results</div>
      <div class="item">二维码信息: {{scanResult.text}}</div>
      <div class="item">编码格式: {{scanResult.format}}</div>
      <div class="item">Cancelled: {{scanResult.cancelled}}</div>
    </div>
    

    </ion-pane>
    


    注:在index 引人controller.js

    打包apk 注:下载android sdk 我的是android-sdk-23
    ionic build android

    展开全文
  • ionic-and-ngcordova 入门 一个示例项目,旨在以完全可测试的、对开发人员友好的方式提供设置 Ionic 和 NgCordova 的分步演练。 更多信息可以在上找到。
  • IonicMotionDetectionDemo 这是ngCordova +离子运动检测的演示
  • ngCordova判断是否在线

    千次阅读 2015-08-20 10:35:49
    ngCordova网络判断

    1、安装插件

    cordova plugin add org.apache.cordova.network-information

    2、页面中引入

     
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/utils/ng-cordova.min.js"></script>
    <script src="cordova.js"></script>


    3、anglarjs控制器中加入

    $ionicPlatform.ready(function() {


        // listen for Online event
        $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
            alert('连上啦');
        })
        // listen for Offline event
        $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
            alert('掉线啦');
        })
    }


    更详细的说明参考:

    http://ngcordova.com/docs/plugins/network/

    展开全文
  • Ionic 添加ngCordova插件

    2017-11-09 18:59:42
    Ionic只是个前端框架,与bootstrap差不多,不过他是专门为移动端设计的, 在效果上接近原生的app,如果你的应用只涉及到前端的东西,那么你可能不会涉及到ngCordova插件,这是phoneGap的改名叫法。如果我们应用要用到...
  • 安装node v.6.11.0版本 ...安装ngCordova http://ngcordova.com/docs/install/ bower install ngCordova 安装淘宝镜像 查看nodejs 默认配置 npm config ls -l #查看配置项 安装使用淘宝镜像安装cnpm ...
  • 本文主要介绍了ngCordova,以及其安装步骤,并使用了它封装好的插件,与上篇文章进行对比
  • 二维码扫描器 开源 Angularjs、ngCordova 二维码扫描器
  • 当我们在开发基于Cordova+AngularJS的这种HybridAPP时...ngCordova是Cordova和AngularJS的结合,将Cordova插件封装成了一个个AngularJS式的服务。无论使用的是OnsenUI还是Ionic框架开发项目,只要是基于Cordova+Angu...
  • 运行 bower install 以安装所有必需的软件包,例如“bower install ngCordova --save”。 在cordova.js 之前将[removed][removed] 添加到根www 文件夹中的index.html。 至于cordova插件,我们只需要直接使用“>...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 599
精华内容 239
热门标签
关键字:

ngCordova