引入cordova插件
1.下载ngCordova.js到项目目录,ionic助手点击添加ngCordova 或 下载js文件到目录。 ng-cordova.js ng-cordova.min.js
2.修改index.html引入js到项目
<script src="lib/ngCordova/ng-cordova.js">></script>
<script src="cordova.js"></script>
3.修改app.js添加ngCordova模块
angular.module('starter', ['ionic','ngCordova'])
操作工具
- cmd工具
- webstorm Terminal(推荐)
操作方法
- 安装
ionic plugin add xxxx
cordova plugin add xxxx
- 卸载
ionic plugin rm xxxx
cordova plugin rm xxxx
==注意== 如果你是从github上安装的插件,卸载是的名字就填写plugins文件名下的那个名字
- 查看插件
ionic plugin ls
例子
安装(移除rm)
cordova plugin add cordova-plugin-x-toast
使用
module.controller('MyCtrl', function($cordovaToast) {
$cordovaToast
.show('ionic中文网', 'long', 'center')
.then(function(success) {
// success
}, function (error) {
// error
});
$cordovaToast.showShortTop('ionic中文网').then(function(success) {
// success
}, function (error) {
// error
});
$cordovaToast.showLongBottom('ionic中文网').then(function(success) {
// success
}, function (error) {
// error
});
})
资源
- ngCordova 中文参考文档教程 http://www.ionic-china.com/doc/ngCordova/
- http://ngcordova.com/docs/plugins/imagePicker/
- github大牛