$resource is not changing the id of the url

Question

I am in trouble to change the id param of a URL passed to $resource. Apparently the value isn't changing to the correct value that it recive from Resource.get(id:$routeParams.id), even when I put a fixed value (Resource.get(id:1)), resulting in the following error:

TypeError: encodeUriSegment is not a function

When I change the id param of the URL for a fixed value (baseURL+'client/1'), it works.

This is my font:

app.js 'use strict';

angular.module('serviceOrder',['ngRoute','ngResource'])
    .config(function ($routeProvider,$locationProvider) {
        /*$locationProvider.html5Mode({
            enabled: true,
            requireBase: false
        });*/

        $routeProvider.when('/clients', {
            templateUrl: 'views/clients.html',
            controller: 'ClientController'
        });

        $routeProvider.when('/newclient',{
            templateUrl: 'views/client.html',
            controller: 'NewClientController'
        });

        $routeProvider.when('/editclient/:id',{
            templateUrl: 'views/client.html',
            controller: 'EditClientController'
        });

        $routeProvider.otherwise({redirectTo: '/clients'});
    });

controler.js

'use strict';

angular.module('serviceOrder')
.controller('EditClientController',['$scope','$routeParams','clientService',
        function ($scope,$routeParams,clientService) {
            $scope.message = 'Loading ...';
            $scope.client = {};
            $scope.phone = {id:'',brand:'',model:'',state:'',esn:''};
            debugger;
            clientService.getClients().get({id:$routeParams.id})
                .$promise.then(
                function (response) {
                    $scope.client = response;
                },function (error) {
                    $scope.message = 'Error: ' + error;
                }
                );

    }]);

service.js 'use strict';

angular.module('serviceOrder')
    .constant('baseURL', 'http://localhost:8080/service-order-rest/rest/')
    .service('clientService',['$resource','baseURL',function ($resource,baseURL){
        this.getClients = function () {
            return $resource(baseURL+'client/:id',null,{'update':{method:'PUT'}});
        };
    }]);

Answer 1

Your param defaults are not being configured properly. To achieve this, according to $resource's docs, you must especify the pattern of your API method that will receive params like { id: '@id' } instead of null.

$resource(baseURL + 'client/:id', //url
    { id: '@id' }, // parameters
    {
        'update': { method: 'PUT' } // methods
    });

Answer 2

We have a bug here :

return $resource(baseURL+'client/:id',{id: youridhere} ,{'update':{method:'PUT'}});