ionic提示弹框

2019-02-17 01:49:30来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

 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链接后会 有可能 导致 无法登录 ,是否进行修改?");

 

  结果:

  

 


原文链接:https://www.cnblogs.com/nelsonlei/p/10381988.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript作用域链的理解

下一篇:网页返回上一页时自动刷新页面