ionic 确认提示操作框
程序员文章站
2023-11-03 09:32:22
应用: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链接后会 有可能 导致 无法登录 ,是否进行修改?"); 其他参数就不写了,自己看情况加上去
结果:
//---------------------------------以下内容为代码中附带的代码------------------------------------//
附上请求数据的 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的代码:
上一篇: 文章标题目录锚点功能
下一篇: JavaScript作用域链的理解