AngularJS使用指南-20210815-江麗娜

1、AngularJS 使用指南-20210815-江麗AngularJS使用指南作者：江麗娜關(guān)F modal的controller繼承父畫面的$scope。modal引入用fromTemplate方式時(shí),返回的是object ,所以與使用 fromTemp 1 ateUr 1時(shí)返回的promise不同，獲取modal的使用應(yīng)用下列方法。angular, module C app*). controller(* BindCardAddCtrl, function ($scope, $ionicModal) $scope. modal= $ionicModal. fromTemplate C 9 ,

2、 animation： ' slideTn-up' );$scope. openModal = function () $scope. modal, show() ; ; );在coral中modal被抽象成components組件時(shí)，其掛載指令directive繼承父 controller 的 $scope 設(shè)置為 true。angular, module(' app' ). directive(' bankList，, function 0 return restrict： 'E', scope： true,templateUrl：

3、' components/bank/1ist. html，, controller： 'BankListComponentCtr1,; );然后，在組件的controller中就能使用父畫面的$scope 了。angular, module(' app' ). controller(' BankListComponentCtr1', function ($scope) $scope. closeModal = function 0 $scope. modal, hide(); );$http中JsonP的使用，以及后臺(tái)的對(duì)接方法和本地調(diào)試在js中

4、可以這樣調(diào)用jsonP, callback是jsonP的回調(diào)接口，必須給出Shttp. jsonp(f https：/127. 1. 1. 0/gateway" local/fundTrading?callback=JSON_CALLBACK，, params: fundCode: fundCodeTxt,contractNo: contractNoTxt,). success(function (data, status, headers, config) console. log(+ data, msg); ).error(function (data, status, head

5、ers, config) );服務(wù)器端可以這樣設(shè)置String callback = request. getParameter(); StringBuiIder jsonp = new StringBuilder(callback); out. print(jsonp. toString0);在沒有服務(wù)器的情況下可以建立一個(gè)本地txt文件進(jìn)行模擬訪問，格式如下：注意 angular, callbacks. 0是與上面callback對(duì)應(yīng)的回掉開頭angular, callbacks. _0(： : 股票基金,: , : '混合基金,: );Js調(diào)用端可以這樣寫$http. jsonp

6、(' /demo/fundlist. txt?callback=JSON_CALLBACK，). success(function(data, status, headers, config) ).error(function(data, status, headers, config) );Coral中使用CFCA密碼鍵盤指南一、準(zhǔn)備工作、引入文件在coral的項(xiàng)目工程目錄下app/libraries文件夾下放入cfcasip. min. js (密碼鍵盤 的js文件)，隨后在app文件夾下的index, html中手動(dòng)加入引入js文件的代碼。記住 要放在angularJS的js文件

7、之前加載。在app/style文件夾下加入密碼鍵盤的css文件keyboard, css,并改名成 _keyboard. scss隨后在main, scss文件中加入導(dǎo)入次文件的代碼。©import ;二、使用方法在需要加入密碼鍵盤的html頁面中放入如下代碼：注意：每個(gè)input框需要自己各自的密碼鍵盤divjs調(diào)用鍵盤示例代碼如下：注意：此代碼不能寫在controller里面，必須單獨(dú)寫個(gè)js文件，放在 app/libraries文件夾下，隨后在index, html中手動(dòng)加入引入js文件的代碼記住要放在 angularJS的js文件之前加載。 var completeKeybo

8、ard = null; var numberKeyboardl=null;function initCompleteKeyboard(id)completeKeyboard = new CFCAKeyboard(, KEYBOARD.TYPE.COMPLETE); 設(shè)置回調(diào)completeKeyboard. setDoneCallback(doneCallback);綁定控件 IDcompleteKeyboard. bindlnputBox (id); 隱藏密碼鍵盤completeKeyboard. hideKeyboard (); 設(shè)置隨機(jī)數(shù)if (CFCA_0K != completeKe

9、yboard. setServerRandom() alert (); 清除殘留文 字completeKeyboard. clearlnputValue (id) ; /調(diào)用鍵盤顯示初始化方法initSipBoxComplete(id, completeKeyboard);function setUpEvent(elem, eventType, handler) console, log(handler);var a = (elem. attachEvent ? elem. attachEvent( eventType, handler)：(elem. addEventListener) ?

10、elem. addEventListener(eventType, handler, false) ： null); return a; function initSipBoxComplete(id, completeKeyboard) var sipBox = document. getElementByld(id); setUpEvent(sipBox, , function(event) sipBox. blur ();completeKeyboard. bindlnputBox(id);if(numberKeyboard)if (numberKeyboard. isShowingO)n

11、umberKeyboard. hideKeyboard 0;completeKeyboard. showKeyboard0;); 在controller里面這樣寫，傳入的參數(shù)就是頁面上，需要掛上密碼鍵盤的input標(biāo)簽 的id；initCompleteKeyboard ();注意：有多個(gè)input需要多個(gè)密碼鍵盤div和多個(gè)實(shí)例化js代碼。三、打包方法在coral I：具目錄下(不是coral I：程目錄)，apptasks文件夾下，打開 build, js文件找到如下代碼去除ut,之后如下隨后在項(xiàng)目目錄下執(zhí)行coral build會(huì)生在app下生成dist文件夾注意生成完的文件夾下一開始沒有

12、libraries文件夾，需要手工從app下拷貝到 app/dist目錄下四、調(diào)試因?yàn)镃FCA代碼中使用this指向當(dāng)前對(duì)象，但coral的live reload會(huì)和此有沖突， 所以在coral serve啟動(dòng)后預(yù)覽頁面時(shí)會(huì)在控制臺(tái)報(bào)錯(cuò)，但從生成的.tmp目錄下直接打開 運(yùn)行不會(huì)報(bào)錯(cuò)。所以angularJS和CFCA沒有沖突。進(jìn)行調(diào)試時(shí)，可以直接打開.tmp目錄下的頁面進(jìn)行調(diào)試，查看鍵盤彈出效果。AngularJS POST傳參問題解決辦法Override $http service, s default transformRequestvar query =，;var name, value, fullSubName, subName, subValue, innerO