Clearing input after form submission in angularjs

Question

I have some confusion when clearing input after form submission. Code below.

HTML :

<form novalidate method="POST">
   <input ng-model="person.firstName" type="text" id="firstName" />
<button ng-click="edit(person)" name="saveBtn" >{{text}}</button>

Controller :

app.controller('PersonCtrl', function ($scope, $routeParams, personService) {

    $scope.init = function () {
       $scope.person = {};
    };

    $scope.edit = function (person) {
        personService.insertPerson(person.firstName);
        person.firstName = "";
    };

    $scope.init();
});

Question: if I use person.firstName = ""; OR $scope.person.firstName = ""; both have same behaviour and clear input fine. How it knows about person.firstName in html where I am not mentioning any scope*?*. Don't know if this is valid question but whenever I need to interact with html binding value than need to use $scope.

joakimbl · Accepted Answer · 2013-05-19 16:35:30Z

1

It's because $scope.person and person points to the same object in your $scope.edit function ($scope.person === person is true).

answered May 19, 2013 at 16:35

joakimbl

18.1k5 gold badges57 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

Clearing input after form submission in angularjs

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