Default value of input textbox in AngularJS

Question

How do I set the default value of an input textbox in AngularJS so that it can be altered later? I wish to be able to submit the changed value of the textbox(using ng-model) to the server. Would using ng-value to set the initial value of the textbox be the correct approach in this case?

or see this answer stackoverflow.com/a/30471421/3711660 - it will work even if user enters text, and deletes it - default value will be inserted — Toumash
– Toumash, Commented Jul 2, 2015 at 21:19
@pankajparkar Do you mean something like this <input ng-init="default-value" ng-model="final-value"> where the value entered by the user will be accessible as final-value? — Nipun Parasrampuria
– Nipun Parasrampuria, Commented Jul 2, 2015 at 21:36
Lets say the web page's HTML contains an element like the following: <input ng-init="default-value" ng-model="final-value">, where default-value is the value that I wish the textbox contain when the page is loaded. If the user later alters the textbox so that it contains a value other than the default-value, would I be able to access that value using $scope.final-value? — Nipun Parasrampuria
– Nipun Parasrampuria, Commented Jul 2, 2015 at 21:48

tymeJV · Accepted Answer · 2015-07-02 21:18:58Z

8

Set the ngModel value:

<input type="text" ng-model="myInput" />

$scope.myInput = "Default";

answered Jul 2, 2015 at 21:18

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

2 Comments

Nipun Parasrampuria Over a year ago

Thanks for the prompt reply :). I had thought of that, but would I be able to access the updated value of that field using $scope.myInput when I wish to submit data to the server

tymeJV Over a year ago

@NipunParasrampuria -- Yeah, $scope.myInput will reflect whatever you put in that input

Collectives™ on Stack Overflow

Default value of input textbox in AngularJS

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related