天道酬勤,学无止境

angular-http

Base 64 Image to ocr.space API Ionic 2

I am trying to send a base 64 Jpeg to an API for OCR analysis. The API docs can be found here https://ocr.space/ocrapi The code to save the Image is here: takePicture() { Camera.getPicture({ destinationType: Camera.DestinationType.DATA_URL, targetWidth: 1000, targetHeight: 1000, encodingType: Camera.EncodingType.JPEG, sourceType: Camera.PictureSourceType.CAMERA, allowEdit:true }).then((imageData)=>{ this.base64Image = "data:image/jpeg;base64," + imageData; }); } However I'm sure this is all fine as copying the base 64 string and sending via postman works fine. This is how I send the string to

2021-11-26 09:55:37    分类:问答    angularjs   post   ionic2   ocr   angular-http

Angular Catch 方法不适用于 $http get 请求(Angular Catch method not working with $http get request)

问题 我试图在处理来自 API 的错误时巧妙地管理来自控制器的服务函数调用。 但是,当我执行以下操作时,即使 API 返回 403 或 404,我仍然会在控制台中this is showing even with 403 and 404 errors 。 我假设如果我在我的服务文件中添加了catch ,这可以工作,但我更愿意从控制器管理它。 这可能吗? 控制器: angular.module('EnterDataCtrl', []).controller('EnterDataController', ['$scope', 'Data', '$state', function ($scope, Data, $state) { vm = this; vm.getRules = function (e, rule_query, data) { if (e.keyCode == 13) { Data.getRules(rule_query,data).then(function (data) { console.log('this is showing even with 403 and 404 errors'); }).catch(function(res) { console.log(res); }); } } }]); 服务: angular.module(

2021-11-22 11:54:41    分类:技术分享    angularjs   angular-promise   angular-http

我需要通过组件帖子向邮件黑猩猩订阅列表发出 http 请求(I need to do a http request to a mail chimp subscription list via a component post)

问题 我需要通过组件帖子向邮件黑猩猩订阅列表发出 http 请求 我已经阅读了邮件黑猩猩文档,但在这方面找不到任何内容。 我还尝试在 angular 2 html5 视图中使用他们的邮件黑猩猩嵌入形式,但由于某些奇怪的原因,这不起作用。 因此,我改为对订阅列表执行 http 请求,但无法正常工作。 我正在使用 typescript、angular2 和 mail chimp 到目前为止,这是我的代码: subscribe = () => { var url = "https://mysubscriptionlist.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email; this.jsonp.request(url).subscribe(response => { console.log(response); }); } 这是我当前在 chrome 中的控制台日志错误: 未捕获的语法错误:意外的标记 < 回答1 我终于找到了如何解决您的问题。 您需要使用 Angular2 的 Jsonp 支持。 您的地址通过向您的 URL 添加c查询参数并通过https://mysubscriptionlist

2021-11-21 04:15:55    分类:技术分享    angularjs   angular   mailchimp   angular-http

在 Angular 服务中访问和使用 JSON 以实现逻辑流(Accessing and using JSON within an Angular service for logic flow)

问题 我昨天问了错误的问题(并得到了一个有效的好答案),但我意识到这不是我所需要的。 我需要能够检索 JSON 数据(最好是一次)、存储它并在我的整个服务中访问它。 我面临的挑战是我能找到的所有示例都在谈论使用 JSON 并传递给应用程序/控制器,而在这种情况下,我需要获取它,检查它,然后它决定了我的模块/服务的作用。 例如,我有我的应用程序和控制器,然后我有一个模块,例如(这是伪代码,不打算运行): angular.module("myModule") .service("myService1", function($q, myService2, $http) { this.getModel = function() { return { title: "My Title", desc: "My Desc" options: function () { if (condition A) return "option1"; else return "option2"; } }; }; }) .service("myService2", function($q, $http) { this.getCfgInfo = function () { var defer = $q.defer(); $http.get("my/json/url").then(function(response

2021-11-19 06:54:57    分类:技术分享    angularjs   angular-http

I need to do a http request to a mail chimp subscription list via a component post

I need to do a http request to a mail chimp subscription list via a component post I've read the mail chimp documentation and couldnt find anything on this. I also tried their mail chimp embedded form in an angular 2 html5 view but that doesnt work for some weird reason. So I've resulted to doing a http request to the subscribe list instead and I'm having trouble getting that working. I'm using typescript, angular2 and mail chimp This is my code so far: subscribe = () => { var url = "https://mysubscriptionlist.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3

2021-11-15 09:19:36    分类:问答    angularjs   angular   mailchimp   angular-http

将变量从工厂分配给控件不起作用(Assigning variable from a factory to a control doesn't work)

问题 我的 html 是这样的: <body ng-controller="MainCtrl as ctrl" class="bodyContainer"> <div ng-repeat="stuff in ctrl.stuffies"> here </div> 这是我的控制器: angular.module("AuthenticationApp", ["BaseApp"]) .controller("MainCtrl", ["$http", "$window", "BaseService", function($http, $window, BaseService) { var self = this; BaseService.fetch.stuffs(function() { self.stuffies = BaseService.stuffies; console.log(self.stuffies); self.cerrorMessages = BaseService.cerrorMessages; }); }]); 这是我的BaseApp : angular.module("BaseApp", []) .config(['$httpProvider', function($httpProvider) { $httpProvider.defaults

2021-11-13 08:20:01    分类:技术分享    angularjs   angular-promise   angular-services   angular-http

Angular http 无法正常工作并且没有抛出错误(Angular http get not working and no error thrown)

问题 关于这个主题有很多问题,但我找不到合适的解决方案。 我在控制台上看不到任何错误,这就是为什么它非常令人困惑。 这是我的服务文件代码 findVariantById(id: string):Observable<Evaluation[]> { const endPoint = 'Evalution/Get' let params = new URLSearchParams(); params.set('key', '1234'); //For example API key would come into picture params.set('id', id); params.set('format', 'json'); params.set('callback', 'JSONP_CALLBACK'); // this much code gets called but nothing on Network tab. return this.http.get(this.apiUrl + endPoint, { search: params }) .map<Evaluation[]>(this.extractData) .catch<Evaluation[]>(this.handleError); } 这是我调用服务的组件文件代码 evaluation(id: string)

2021-11-13 03:58:42    分类:技术分享    angular   typescript   angular-http

取消 Angular 服务承诺(Cancelling an angular service promise)

问题 我有一个执行 http 请求的控制器。 此请求可能需要 2 秒到 4 分钟之间的任何时间来返回一些数据。 我添加了一个按钮,如果搜索需要很长时间才能完成,用户应该单击以取消请求。 控制器: $scope.search = function() { myFactory.getResults() .then(function(data) { // some logic }, function(error) { // some logic }); } 服务: var myFactory = function($http, $q) { return { getResults: function(data) { var deffered = $q.dafer(); var content = $http.get('someURL', { data: {}, responseType: json )} deffered.resolve(content); returned deffered.promise; } } } 按钮点击: $scope.cancelGetResults = function() { // some code to cancel myFactory.getResults() promise } 如何实现按钮单击以取消myFactory.getResults()承诺

2021-11-12 19:48:32    分类:技术分享    javascript   angularjs   angular-promise   angular-http

如何在 Angular $http 的 config.timeout 中使用 $q 的构造函数语法?(How to use $q's constructor syntax with Angular $http's config.timeout?)

问题 由于Promise现在是官方指定的,我如何将以下代码段中的$q.defer()承诺创建转换为使用$q(function (resolve, reject) {})构造函数语法? // Cancel any ongoing $http request so that only the most recent $http // callback gets invoked var canceller; function getThing(id) { if (canceller) canceller.resolve(); canceller = $q.defer(); return $http.get('/api/things/' + id, { timeout: canceller.promise }); } (来自 $http docs 的仅供参考: timeout是“......以毫秒为单位,或承诺在解决时应中止请求。”) 回答1 我会这样做: var canceller = null; function getThing(id) { if (canceller) canceller(); return Promise.resolve($http.get('/api/things/' + id, { timeout: new Promise(function(resolve)

2021-11-12 09:45:41    分类:技术分享    javascript   angularjs   angular-promise   angular-http

Angular Catch method not working with $http get request

I am trying to neatly manage service function calls from the controller while handling errors from the API. However when I do the following, I still get this is showing even with 403 and 404 errors in my console even when the API throws back a 403 or 404. I am assuming this could work if I added catchin my services file but I would prefer keep this managed from the controller. Is this possible? Controller: angular.module('EnterDataCtrl', []).controller('EnterDataController', ['$scope', 'Data', '$state', function ($scope, Data, $state) { vm = this; vm.getRules = function (e, rule_query, data) {

2021-11-12 00:35:40    分类:问答    angularjs   angular-promise   angular-http