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

ionic 确认提示操作框

程序员文章站 2022-05-27 21:57:49
应用:ActionSheet("","修改IP链接后会 有可能 导致 无法登录 ,是否进行修改?"); 其他参数就不写了,自己看情况加上去 结果: // 以下内容为代码中附带的代码 // 附上请求数据的 GetData 方法 的代码(这个方法可换成你们自己的请求数据的方法,不唯一): 附上 Load ......
 1 //确认框
 2   .factory('actionsheet', function ($ionicactionsheet, tipsport, service,loading) {
 3     var actionsheet = function (urlaction, tipstitle, params, status, successtips, failtips, successback, errorback) {
 4       return $ionicactionsheet.show({
 5         buttons: [
 6           {text: '<b>确定</b>'}
 7         ],
 8         //destructivetext: 'delete',
 9         titletext: '<b>' + tipstitle + '</b>',
10         canceltext: '取消',
11         cancel: function () {
12         },
13         //点击确定
14         buttonclicked: function (index) {
15           if (index == "0") {
16             // console.log(params);//get还是post
17             // params = convertstring(params);
18             loading(1);
19             service.getdata(urlaction, params)
20               .success(function (res) {
21                 loading();
22                 if (res.status === status) {
23                   tipsport(successtips, successback, res);
24                 } else {
25                   tipsport(failtips, errorback, res);
26                 }
27               }).error(function (err) {
28               loading();
29               tipsport(failtips);
30             })
31           }
32           return true;
33         }
34       });
35 
36       return actionsheet;
37     }
38   })

 

 /**
     * urlaction:请求后台的接口名
     * tipstitle:提示操作的内容
     * params:提示的参数
     * status:返回数据的请求状态
     * successtips:请求成功的提示
     * failtips:请求失败的提示
     * successback:请求成功后的操作
     * errorback:请求失败后的操作
     * */

 

  应用:actionsheet("","修改ip链接后会 有可能 导致 无法登录 ,是否进行修改?");      其他参数就不写了,自己看情况加上去

 

  结果:

  ionic 确认提示操作框

 

 

  //---------------------------------以下内容为代码中附带的代码------------------------------------//

 

  附上请求数据的 getdata 方法 的代码(这个方法可换成你们自己的请求数据的方法,不唯一):

  

 1 .factory('service', function ($http, server,select,$timeout) {
 2     var cbat = {
 3       list: []
 4     };
 5 
 6     cbat.postdata = function (url, params) {
 7       return $http.post(select.url + url, params,{timeout: 10000})
 8         .success(function (response) {})
 9         .error(function () {});
10     };
11 
12     cbat.getdata = function (url, params) {
13       return $http({
14         method: "get",
15         params: params,
16         url: select.url + url,
17         timeout: 100000
18       }).success(function (data) {})
19         .error(function (err) {});
20     };
21 
22     return cbat;
23   })

 

  附上 loading 的方法:

  

 1 .factory('loading', function ($ionicloading) {
 2     var loading = function (flag) {
 3       if (flag == 1) {
 4         $ionicloading.show({
 5           template: "loading"
 6         });
 7       } else {
 8         $ionicloading.hide();
 9       }
10 
11     };
12 
13     return loading;
14   })

 

  tipsport的代码: