ionic 弹窗(alert, confirm)
2024-09-26 05:47:49
直接上代码吧,不解释了
控制器:
angular.module('app.controllers', [])
.controller('categoryCtrl', ['$scope', '$http', '$stateParams','$ionicLoading','$ionicPopup',
function ($scope, $http, $stateParams, $ionicLoading, $ionicPopup) {
window.$ionicPopup = $ionicPopup; $scope.test = function(){
alert('什么鬼??', function(){
alert('神经病啊!', function(){
confirm('你的傻的么?', function(){
alert('看来是啊。');
}, function(){
show("<p style='text-align:center;'>你说你怎么不是傻的?</p><p><input type='text'></p>", {title:'你484傻的?', cancelText:'我承认了', okText:'我不是!', success:function(){
alert("唉哟,不错哦","好像有点道理wo~");
}});
});
});
});
}
}])
common.js:
function show(the_template, params){
var the_title = params.title || '';
var the_subtitle = params.subtitle || '';
var timeout = params.timeout;
var the_cancelText = params.cancelText || '取消';
var the_okText = params.okText || '确定'; var myPopup = window.$ionicPopup.show({
template: the_template,
title: the_title,
subTitle: the_subtitle,
buttons:[
{
text:the_cancelText,
onTap:function(){
return false;
}
},
{
text:the_okText,
type:'button-positive',
onTap:function(){
return true;
}
}
]
});
myPopup.then(function(res) {
if(res) {
if(params.success) params.success(res);
} else {
if(params.error) params.error(res);
}
}); if(timeout){
window.setTimeout(function(){
myPopup.close();
}, timeout);
}
} function alert(the_title, the_content, the_callback){
if(typeof(the_content)!='string'){
the_callback = the_content;
the_content = the_title;
the_title = '系统提示';
} if(typeof(the_content)!='string'){
the_callback = the_content;
the_content = the_title;
the_title = '系统提示';
} var alertPopup = window.$ionicPopup.alert({
title: the_title,
template: the_content,
okText: '确定'
}); alertPopup.then(function(res) {
if(the_callback) the_callback(res);
});
} function confirm(the_content, mixed, mixed2){
var params = {};
if(typeof(mixed)=='function'){
params.success = mixed;
params.error = mixed2;
}else{
params = mixed;
} if(!params.title) params.title = '请确认?';
show(the_content, params);
}
官方文档:http://ionicframework.com/docs/api/service/$ionicPopup/
最新文章
- JQuery数组详解(含实例)
- Linux Shell 流程控制语句
- mybatis插入的同时获取主键id
- 从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能
- mybatis的分页插件使用方法
- struts action和jsp之间的传值
- noi 4978 宠物小精灵之收服
- Dropbox可伸缩性设计最佳实践分享
- JQ 无刷新评论
- 现在网页中流行的css3样式
- JS+CSS简单实现DIV遮罩层显示隐藏
- maven将本地jar包导入本地仓库
- Python CRM项目四
- 四五月份:关键词是沟通、绘画和SQL
- c语言之sizeof的细节
- [c/c++] programming之路(20)、字符串(一)
- 译:4.RabbitMQ Java Client 之 Routing(路由)
- Asp.Net 中 HTTP 和 HTTPS 切换
- 【Spring】Spring之事务处理
- 【重大更新】DevExpress v17.2新版亮点—WinForms篇(二)