angularjs - ng-href angular 4

Cómo pasar encabezados sobre la marcha a $ resource para angularjs

Question

En este momento, la única forma que conozco de configurar dinámicamente los tokens en los encabezados para una llamada angularjs es a través de $http manera:

return $http.get({
  url: ''https://my.backend.com/api/jokes'',
  params: {
    ''jokeId'': ''5'',
  },
  headers: {
    ''Authorization'': ''Bearer ''+ $scope.myOAuthToken
  }
});

Pero quiero averiguar cómo pasar esto a través de $ resource, aquí hay un pseudo-código que no funciona:

...
.factory(''myFactory'',
  [''$resource'',
    function($resource){
      return {
        jokes: $resource(''https://my.backend.com/api/jokes'', null, {
          query: {
            method: ''GET''
          }
        })
      };
    }
  ]
);
...
return myFactory.jokes.query({
  ''jokeId'': ''5'',
  ''headers'': {
    ''Authorization'': ''Bearer ''+ $scope.myOAuthToken
  }
});

¿Cómo puedo pasar los encabezados sobre la marcha a $ resource para angularjs?

Answer 1

No creo que esto se pueda hacer de la forma en que lo intentas, ya que el objeto de configuración no está disponible en el método de acción. Pero el método de configuración de acción lo tiene. Entonces, lo que puede hacer es, en lugar de devolver el recurso directamente, crear una función que tome un parámetro del token de autenticación y luego construir el recurso y devolverlo.

return {
    jokes: function (token) {
        return $resource(''https://my.backend.com/api/jokes'', null, {
            query: {
                method: ''GET''
                headers: {
                    ''Authorization'': ''Bearer '' + token
                }
            }
        })
    }
};

Entonces llame a la función de servicio como

myFactory.jokes($scope.myOAuthToken).query({''jokeId'': ''5''});