que - AngularJS-$ resource URL diferente para obtener y publicar



ng-bind-html (4)

$ resource es increíble, ya que proporciona una forma muy conveniente de manejar servicios web. ¿Qué pasa si GET y POST tienen que realizarse en diferentes URL?

Por ejemplo, GET URL es http://localhost/pleaseGethere/:id y POST URL es http://localhost/pleasePosthere sin ningún parámetro

https://ffff65535.com


Además de la respuesta de Iris Wong, quería dar un ejemplo de tener varios parámetros con múltiples métodos y acciones:

angular
  .module('thingApp')
  .factory('ThingResource', ['$resource', '$state',  returnThing]);

Y el recurso:

function returnThing($resource, $state) {
  var mainUrl = '/api/stuffs/:stuffId/thing'
  var params = {stuffId: '@_id', thingMongoId: '@_id', thingNumber: '@_id'}
  return $resource(mainUrl, params, {
    'save': {
      url: '/api/stuffs/:stuffId/thing/:thingMongoId',
      method: 'POST',
      interceptor: {
        responseError: function(e) {
          console.warn('Problem making request to backend: ', e)
          $state.go('oops')
        }
      }
    },
    'get': {
      url: '/api/stuffs/:stuffId/thing/:thingMongoId',
      method: 'GET',
      interceptor: {
        responseError: function(e) {
          console.warn('Problem making request to backend: ', e)
          $state.go('oops')
        }
      }
    },
    'assignThing':{
      method: 'POST',
      url: '/api/stuffs/:stuffId/thing/assign/:thingNumber'
    }
  });
}

Lo que da 3 métodos separados:

// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.save({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})

// GET to current http://currnt_base_url/api/stuffs/:stuffId/thing/:thingMongoId
ThingResource.get({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingMongoId: '56c3d1c47fe6agwbe29e0f11111'})

// POST to http://currnt_base_url/api/stuffs/:stuffId/thing/assign/:thingNumber
ThingResource.assignThing({
    stuffId:'56c3d1c47fe68be29e0f7652', 
    thingNumber: '999998'})

Debería poder exponer la URL como un parámetro. Pude hacer esto:

$provide.factory('twitterResource', [
    '$resource',
    function($resource) {
        return $resource(
            'https://:url/:action',
            {
                url: 'search.twitter.com',
                action: 'search.json',
                q: '#ThingsYouSayToYourBestFriend',
                callback: 'JSON_CALLBACK'
            },
            {
                get: {
                    method: 'JSONP'
                }
            }
        );
    }
]);

Luego puede sobrescribir la URL en su llamada GET .

La única advertencia que encontré durante mi prueba REALMENTE breve fue que si incluía http:// en la cadena de la URL, no funcionó. No recibí un mensaje de error. Simplemente no hizo nada.


Sigue este camino:

(function () {
    'use strict';

    angular
        .module("app")
        .factory("SomeFactory", SomeFactory);

    function SomeFactory($resource) {
        var provider = "http://.com/:action/:id";
        var params = {"id":"@id"};
        var actions = {
            "create":   {"method": "POST",  "params": {"action": "CreateAwesomePost"}},
            "read":     {"method": "POST",  "params": {"action": "ReadSomethingInteresting"}},
            "update":   {"method": "POST",  "params": {"action": "UpdateSomePost"}},
            "delete":   {"method": "GET",   "params": {"action": "DeleteJustForFun"}}
        };

        return $resource(provider, params, actions);
    }
})();

Espero que te ayude! ¡Disfrutar!


Use la propiedad 'url' de [acciones] para anular la url predeterminada.

$resource(url, [paramDefaults], [actions], options);

por ejemplo:

$resource('http://localhost/pleaseGethere/:id',{},{
    getMethod:{
        method:'GET',
        isArray:true
    }
    postMethod:{
        url:'http://localhost/pleasePosthere',
        method:'POST',
        isArray:false
    }
}

Uso del recurso Angular $: http://docs.angularjs.org/api/ngResource/service/$resource





angularjs