ionic 的Toast提示信息

时间:2022-10-29 23:41:00

ionic 有多种方法提示信息,在 这使用ngcordova的$cordovaToast  。

1、在项目中执行

cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git

把相应的包加进项目,该$cordovaToast 包含以下方法:

show(message, duration, position)
参数说明
message  String Message of the spinner dialog. Leave blank for no message
duration   StringDuration of time to display the toast. Options : 'short', 'long'
position   StringLocation of the toast. Options : 'top', 'center', 'bottom'



showShortTop(message)
showShortCenter(message)
showShortBottom(message)
showLongTop(message)
showLongCenter(message)
showLongBottom(message)

使用例子

module.controller('MyCtrl', function($cordovaToast) {

$cordovaToast
.show('Here is a message', 'long', 'center')
.then(function(success) {
// success
}, function (error) {
// error
});

$cordovaToast.showShortTop('Here is a message').then(function(success) {
// success
}, function (error) {
// error
});

$cordovaToast.showLongBottom('Here is a message').then(function(success) {
// success
}, function (error) {
// error
});

});

更多插件参考:http://ngcordova.com/docs/plugins/