ionic---插件安装

引入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'])

操作工具

  1. cmd工具
  2. webstorm Terminal(推荐)

操作方法

  1. 安装
ionic plugin add  xxxx

cordova plugin add  xxxx
  1. 卸载
ionic plugin rm  xxxx

cordova plugin rm  xxxx

==注意== 如果你是从github上安装的插件,卸载是的名字就填写plugins文件名下的那个名字

  1. 查看插件
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大牛

你可能感兴趣的:(混合app应用,ionic,cordova,ionic混合app实践)