ionic 彈窗（alert, confirm）

直接上代碼吧，不解釋了

控制器：

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/