Reset form after submission in AngularJS

angularjs, javascript

Solution

Figured it out thanks to @tschiela's comment. I had to do this:

$scope.createMember = function(member) {
    var membersService = new Members(member);
    membersService.$create(function(member) {
        $scope.members.push(member);
        $scope.member = '';
    });
};

Problem

I'm having trouble resetting form fields after submitting in AngularJS (v1.1.3). Here's a snippet of what I'm trying to do: HTML ``` <form name="addMemberForm"> <input name="name" type="text" placeholder="Jon Doe" ng-model="member.name" required/></td> <a class="btn btn-primary" ng-click="createMember(member)" ng-disabled="addMemberForm.$invalid"><i class="icon-plus"></i></a> </form> ``` JS ``` $scope.createMember = function(member) { var membersService = new Members(member); membersService.$create(function(member) { $scope.members.push(member); $scope.addMemberForm.reset(); //TypeError: Object #<FormController> has no method 'reset' }); }; ``` Is there another way to reset form elements?

Original source