ngCordova插件(4)之Toast提示框插件的使用

最新推荐文章于 2025-05-10 08:00:00 发布

Coder.SirLoin

最新推荐文章于 2025-05-10 08:00:00 发布

阅读量3.3k

点赞数

分类专栏： ionic angularJs Hybrid App开发

本文链接：https://blog.csdn.net/Sourcecode_poet/article/details/53509973

版权

angularJs 同时被 3 个专栏收录

16 篇文章

订阅专栏

Hybrid App开发

11 篇文章

订阅专栏

ionic

9 篇文章

订阅专栏

这篇博客介绍了如何在AngularJS应用中使用ngCordova的Toast插件进行信息提示。文章详细阐述了安装过程，如何注入ngCordova依赖以及在controller中调用$cordovaToast服务。还列举了不同显示时间和位置的方法，并展示了在Android设备上的使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本次总结一下Toast插件的使用，这个插件是用原生Android或IOS的Toast提示框为用户进行信息提示
首先安装插件：

$  cordova plugin add cordova-plugin-x-toast

安装好后，模块中注入ngCordova依赖，controlller中加入$cordovaToast服务
这样就可以使用Toast插件封装好的方法了
那么都有哪些方法呢：

showShortTop(message)

showShortCenter(message)
   
showShortBottom(message)
  
showLongTop(message)
 
showLongCenter(message)

showLongBottom(message)

这些方法中，第二个单词代表显示时间的长短，要注意的是，和原生Android的short为2.5秒，long为3.5秒不同，这个插件的short为3秒，long为4秒左右；方法第三个单词代表显示在界面中的位置，Top为顶端，Center为中心，Bottom为底部，下面看一下效果
Android:

IOS:

用法示例：
用法一：

$cordovaToast
.show('显示信息', 'long', 'center')
.then(function(success) {
  // success
}, function (error) {
  // error
});

用法二：

 $cordovaToast.showLongBottom('显示信息').then(function(success) {
  // success
}, function (error) {
  // error
});

相信大家已经掌握了Toast插件的用法，这个插件可以用于在App中双击退出做提示，或者其他相关操作的提示。