ionic 弹窗(alert, confirm)
生活随笔
收集整理的這篇文章主要介紹了
ionic 弹窗(alert, confirm)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
直接上代碼吧,不解釋了
控制器:
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('神經(jīng)病啊!', 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 = '系統(tǒng)提示';}if(typeof(the_content)!='string'){the_callback = the_content;the_content = the_title;the_title = '系統(tǒng)提示';}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/
《新程序員》:云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的ionic 弹窗(alert, confirm)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。