calling an external api using ngresource in angularjs

Question

Am wondering is it possible fetch data from an external api using ngresource in angularjs.`

var brk = angular.module('service', ['ngResource']);

brk.factory('ListingFactory', function ($resource) {
    return $resource("http://bonches.cloudapp.net/product/index", {}, {     
        query: { method: 'GET', isArray: true },
        create: { method: 'POST' }
    })
});

brk.factory('ListingsFactory', function ($resource) {    
    return $resource('http://bonches.cloudapp.net/product/index', {}, {    
        show: { method: 'GET' },
        update: { method: 'PUT', params: {id: '@id'} },
        delete: { method: 'DELETE', params: {id: '@id'} }
    })
});

when i run that it maps the url over the enviroment am working under like localhost:8000/http://bonches.cloudapp.net/product/index.

Check your config blocks for any $http request interceptors that might be changing your absolute urls. — georgeawg
– georgeawg, Commented Jan 25, 2016 at 10:42

alberto-bottarini · Accepted Answer · 2016-01-25 08:37:50Z

1

You can only if your server implements CORS, a way to make a cross-site request based on HTTP headers.

Take a look here how to configure CORS: https://en.wikipedia.org/wiki/Cross-origin_resource_sharing

answered Jan 25, 2016 at 8:37

alberto-bottarini

1,23111 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

bonche Over a year ago

Thank you. I was able to enable CORS on the server but now how do i go about it in angularjs ?

alberto-bottarini Over a year ago

client side (so in angular too) it should be transparent.

Collectives™ on Stack Overflow

calling an external api using ngresource in angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related