garyng

NgModal 套件開發

附註:此套件需搭配 jquery

暫且只有alert

引入Jquery:

    
       < script type="text/javascript" src="./js/jquery-3.3.1.min.js"/> 
    

引入ng_modal.css 以及 modal_animation.css

    
        < link rel="stylesheet" href="./css/ng_modal_animation.css"/>
        < link rel="stylesheet" href="./css/ng_modal.css"/>
    

引入ng_modal.min.js

    
        < script type="text/javascript" src="./js/ng_modal.min.js">
    

用法

    
        NgModal.[alert|confirm]({
            header:{
                show:boolean, //是否顯示header
                text:....     //顯示什麼文字
            }, 
            body:{
                text: .... // modal body 內文
            },
            yes:{
                text: .... // 確認按鈕文字
            },
            animate: .... ,// 動畫
            close: .... , //在關閉前想做些什麼事情
            backdrop: .... , // 顯示彈窗時的背景色
            cancel: function({....}), // 取消前要做什麼事情
            shadow: boolean, //是否要陰影
        })