AngularJS使用指南-20160815-江丽娜.doc

AngularJS 使用指南 作者：江丽娜 关于modal的controller继承父画面的 $scope。 modal引入用fromTemplate方式时，返回的是object?，所以与使用fromTemplateUrl时返回的promise不同，获取modal的使用应用下列方法。 angular.module(app).controller(BindCardAddCtrl, function ($scope,$ionicModal) { $scope.modal= $ionicModal.fromTemplate(bank-list/bank-list, { animation: slide-in-up});$scope.openModal = function () { $scope.modal.show();}; }); 在coral中modal被抽象成components组件时，其挂载指令directive继承父 controller的 $scope设置为true。 angular.module(app).directive(bankList, function () { return { restrict: E, scope: true, templateUrl: components/bank/list.html, controller: BankListComponentCtrl, };}); 然后，在组件的controller中就能使用父画面的 $scope了。 angular.module(app).controller(BankListComponentCtrl, function ($scope) { $scope.closeModal = function () { $scope.modal.hide(); };}); $http中JsonP的使用，以及后台的对接方法和本地调试 在js中可以这样调用jsonP，callback是jsonP的回调接口，必须给出 $http.jsonp(/gateway-local/fundTrading?callback=JSON_CALLBACK, { params: { contractNo: contractNoTxt, fundCode: fundCodeTxt, }}).success(function (data, status, headers, config) { console.log(data_success: + data.msg);}). error(function (data, status, headers, config) { }); 服务器端可以这样设置 String callback = request.getParameter(callback); StringBuilder jsonp = new StringBuilder(callback); out.print(jsonp.toString()); 在没有服务器的情况下可以建立一个本地txt文件进行模拟访问，格式如下： 注意angular.callbacks._0(）是与上面callback对应的回掉开头 angular.callbacks._0({ fund: [{ fundName: 股票基金, fundCode: 001 }, { fundName: 混合基金, fundCode: 002 }]}); Js调用端可以这样写 $http.jsonp(/demo/fundlist.txt?callback=JSON_CALLBACK). success(function(data, status, headers, config) { }). error(function(data, status, headers, config) { }); Coral中使用CFCA密码键盘指南 一、准备工作、引入文件 在coral的项目工程目录下app/libraries文件夹下放入cfcasip.min.js（密码键盘的js文件），随后在app文件夹下的index.html中手动加入引入js文件的代码。 记住要放在angularJS的js文件之前加载。 script src=libraries/cfcasip.min.js charset=utf-8/scri