AngularJS WebApi Put - not working?

Question

I know it's been asked before, and I've tried figuring it out myself (and failed). So here's my code:

...
$resource("/SWDB/api/admin/users/:id", { id: "@id" },
        {
            update: {
                method: "PUT"
            }
        }
...

And

...
return AdminResource.users.update(params).$promise;
...

This is how my update is called:

$scope.params = {
        id: $stateParams.id,
        email: $scope.userservice.selectedUser.email,
        oldPassword: $scope.oldPassword,
        newPassword: $scope.newPassword,
        isLockoutEnabled: $scope.userservice.selectedUser.lockoutEnabled
    };

    $scope.userservice.updateUser($scope.params)
            .then(function() { $state.go("/"); }, function(error) { console.log(error) });

And finally, this is my controller method:

public async Task<HttpResponseMessage> Put(string id, string email, 
            string oldPassword, string newPassword, bool isLockoutEnabled)
        {
            var user = await _owinManager.UserManager.FindByIdAsync(id);
            if (user != null)
            {
                user.Email = email;

                if (!string.IsNullOrEmpty(oldPassword))
                {
                    if (_owinManager.UserManager.PasswordHasher.HashPassword(oldPassword) == user.PasswordHash)
                    {
                        if (!string.IsNullOrEmpty(newPassword))
                        {
                            user.PasswordHash = _owinManager.UserManager.PasswordHasher.HashPassword(newPassword);
                        }
                    }
                }

                var result = await _owinManager.UserManager.UpdateAsync(user);
                if (result.Succeeded)
                {
                    return new HttpResponseMessage(HttpStatusCode.Accepted);
                }
            }

            return new HttpResponseMessage(HttpStatusCode.InternalServerError);
        }

I keep getting: 405, not allowed. I tried POST, same thing. My guess is I am making an erroneous call... I just don't know where the error is :(

I would pass a model instead of single parameters - this way you can leverage web api model binding. — Mike Schwartz
– Mike Schwartz, Commented Dec 20, 2015 at 14:36
I have only just done that, and it worked - apparently binding works, whereas single parameters don't. My guess is, angular sends params over as json and that helps? — Evangelos Aktoudianakis
– Evangelos Aktoudianakis, Commented Dec 20, 2015 at 14:49

Julito Avellaneda · Accepted Answer · 2015-12-21 16:12:49Z

1

I think the problem is because the Web API Controller define 5 params, but, angularjs is sending 1 (yes, a complex parameter), so, in your web api change the five params to a complex parameter like this:

public class Test
{
    public string Id {get; set;}
    public string Email {get; set;}
    public string OldPassword {get; set;}
    public string NewPassword {get; set;}
    public bool IsLockoutEnabled {get; set;}
}

public async Task<HttpResponseMessage> Put(Test entity)
{
    .....
}

answered Dec 21, 2015 at 16:12

Julito Avellaneda

2,3852 gold badges21 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

AngularJS WebApi Put - not working?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related