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()

}

})

}])

Sental Cristar

看命令行添加,不要手动改

cordova3.X之后,插件不能自己手动添加了,手动添加后,只要cordova build,数据立即被抹去.

因此,3.X后要添加插件,需要用 cordova plungin add "你本地插件的路径" 的方式来添加插件,.一些低级问题不再啰嗦,自己去看cordova的文档.

1.新建一个文件夹,命名为你插件的名字,如TestPlugin

2.在文件夹里再新建2个文件夹和1个文件.两个文件夹分别是src和www.其中src中放你插件的java代码,www中放对应的js文件与src和www文件夹同级,建立plugin.xml

3.上面的一些js和xml文件不知道如何编写的话,上githu上下载一个插件源码参考下就可以了.

此插件为某些移动平台上的应用程序内浏览器选项卡提供了一个界面,特别是Android上的自定义选项卡(包括Chrome自定义选项卡实施)和iOS上的SFSafariViewController。

Repo(备用): https://github.com/google/cordova-plugin-browsertab

1.安装Cordova和Ionic原生插件:

2. 添加插件到app's module

Android

iOS

isAvailable()

检查BrowserTab选项是否可用

****Returns:** Promise<any>

当检查成功并返回true或false时返回一个可解析的promise

openUrl(url)

使用浏览器标签打开提供的URL

****Returns:** Promise<any>

当检查打开成功时返回可解析的promise

close()

关闭浏览器标签

****Returns:** Promise<any>

接近完成时返回一个可解析的promise


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

原文地址:https://54852.com/bake/11374977.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存