欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ionic提示弹框

程序员文章站 2023-11-03 09:32:10
应用:TipsPort("修改IP链接后会 有可能 导致 无法登录 ,是否进行修改?"); 结果: ......
 1 //提示框
 2   .factory('tipsport', function ($ionicpopup) {
 3     var tipsport = function (tipstext, surefunction,canclefunction, data) {
 4       // 自定义弹窗
 5       var mypopup = $ionicpopup.show({
 6         template: tipstext,
 7         title: '提示',
 8         buttons: [
 9           {
10             text: '取消' ,
11             ontap:function (e) {
12               if(canclefunction){
13                 canclefunction();
14                 mypopup.close();
15               }
16             }
17           },
18           {
19             text: '<b>确定</b>',
20             type: 'button-positive',
21             ontap: function(e) {
22               // settimeout(function () {
23                 if (surefunction) {
24                   surefunction(data);
25                 }
26                 mypopup.close();
27               // }, 100);
28 
29             }
30           },
31         ]
32       });
33     }
34     return tipsport;
35   })

   

/**
   * tipstext:提示的内容
   * surefunction:点击确定按钮后的事件
   * canclefunction:点击取消按钮后的事件
   * data:其他外调方法返回的data数据
   * */

 

  应用:tipsport("修改ip链接后会 有可能 导致 无法登录 ,是否进行修改?");

 

  结果:

  ionic提示弹框