ionic 確認提示操作框

来源:https://www.cnblogs.com/nelsonlei/archive/2019/02/15/10382016.html
-Advertisement-
Play Games

應用: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的代碼:https://www.cnblogs.com/nelsonlei/p/10381988.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • element-ui-verify是對ElementUI原本的校驗封裝之後的插件,並不會影響使用ElementUI的原生校驗。 使用環境為vue+element-ui+webpack模塊環境,首先使用淘寶鏡像安裝cnpm install -s element-ui-verify,安裝之後在main. ...
  • 在 GearCase 開源項目構建 Table 組件的過程中。遇到了各式各樣的問題,最後嘗試了各種方法去解決這些問題。 遇到的部分問題 checkbox 的全選和半選問題 table 組件的排序請求方法 table 組件固定表頭問題 固定表頭時寬度計算的問題 點擊 icon 排序事件無法觸發的問題 ...
  • wxml文件 wxss文件 js文件 效果圖: ...
  • 在for迴圈中使用let時,結果如下 for內部定義的i在迴圈結束後不會覆蓋外部的i 在for迴圈中使用var,且不控制i的作用域時,結果如下 第一個for迴圈內部定義的i並不會創建,而是直接使用外部中的i,故在迴圈結束時外部的i變為了5。 第二個for迴圈直接使用了外部的i 把第一個for迴圈存於 ...
  • 這兩天擺弄webpack,躺過很多坑,直到今天看了一位博主的文章才得以解決。他對配置中的各個部分做說明。 下麵的配置99.9%抄自博主: https://www.cnblogs.com/nianyifenzhizuo/p/10271001.html 安裝package.json中的node-sass ...
  • 本篇博客主要是介紹如何使用css在盒子四個邊框顯示四個藍色邊角 ...
  • 有時我們看見js函數後面跟著多個小括弧是什麼意思?f( )( )( )... f()執行f函數,返回子函數 f()()執行子函數,返回孫函數 f()()()執行孫函數,返回重孫函數 ... ... 但註意,如果想這樣執行,函數結構必須是這樣,f的函數體里要return 子函數,子函數里要return ...
  • JSON詳解 JSON詳解 閱讀目錄 JSON的兩種結構 認識JSON字元串 在JS中如何使用JSON 在.NET中如何使用JSON 總結 JSON的全稱是”JavaScript Object Notation”,意思是JavaScript對象表示法,它是一種基於文本,獨立於語言的輕量級數據交換格式 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...