Zasób AngularJS $ przekazuje identyfikator jako parametr zapytania w adresie URL

Question

Potrzebuję pobrać dane z reszta API, z identyfikatorem produktu częścią adresu URL (a nie jako parametrem zapytania).

Fabryka:

.factory('Products', ['$resource', 
    function($resource) { 
     return $resource('products/:productId', { 
      productId: '@id' 
     }, { 
      query: { 
       isArray: false 
      }, 
      update: { 
       method: 'PUT' 
      } 
     }); 
    } 
]) 

Kontroler:

$scope.getProduct = function(id, from) { 
    $scope.product = Products.get({ id: id }, function(){ 
     console.log($scope.product); 
    }); 
} 

mój adres URL jest skonstruowany tak:

/products?id=5426ced88b49d2e402402205 

zamiast:

/products/5426ced88b49d2e402402205 

Jakieś pomysły, dlaczego?

Answer 1

Po wywołaniu Products.get() w kontrolerze, nie używasz poprawnej nazwy parametru (musisz użyć "productId" zamiast "id" w oparciu o twoją definicję $resource). Spróbuj zadzwonić to tak zamiast:

Products.get({ productId: id }) 

Oto urywek z documentation for $resource która wyjaśnia, jak to działa:

Każdy klucz wartość w obiekcie parametru jest najpierw związany url szablonu, jeśli obecny, a następnie wszystkie klucze przekroczenia są dołączane do zapytania wyszukiwania adresu URL po znaku?.

W twoim przypadku nie znajduje "id" jako parametru w adresie URL, więc dodaje go do ciągu zapytania.