AngularJS getting the input value to store in $scope

Question

<input id="width" name="width" style="width:100px" value="550" type="text" ng-model="width">

How would I get the value from above to write into the $scope under $scope.user.width ?

Whilst keeping the initial value="500"

Blackhole · Accepted Answer · 2014-03-19 21:25:52Z

3

Initialise the value in your controller:

$scope.user = {width : 500};

<input id="width" name="width" type="text" ng-model="user.width">

answered Mar 19, 2014 at 21:25

Blackhole

20.5k7 gold badges72 silver badges69 bronze badges

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

4 Comments

ngplayground Over a year ago

$scope.user.width would update with the value when the input field value has changed?

Blackhole Over a year ago

Of course! That's the goal of the ngModel directive.

ngplayground Over a year ago

Does $scope.user.width or $scope.user = {width: ''}; need to be set in order for <input id="width" name="width" type="text" ng-model="user.width"> to store the values?

Blackhole Over a year ago

@Donald It will be set automatically when the input value is changed if not defined previously, if this is your question.

Collectives™ on Stack Overflow

AngularJS getting the input value to store in $scope

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related