首页 > 学院 > 开发设计 > 正文

ionic---插件安装

2019-11-06 09:53:17
字体:
来源:转载
供稿:网友

引入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 xxxxcordova plugin add xxxx卸载ionic plugin rm xxxxcordova 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大牛
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表