Get value from input (AngularJS)

Question

I have the following inputs and need their values:

<input type="hidden" ng-model="movie" value="harry_potter"/>
<input type="text" ng-model="year" value="2000"/>

What can I do to get the value of each input?

provide your controller code – Wottensprels Jan 10 '14 at 09:34 — Wottensprels, Jan 10 '14 at 09:34

score 31 · Answer 1 · edited Mar 23 '19 at 20:52

31

If you want to get values in Javascript on frontend, you can use the native way to do it by using :

document.getElementsByName("movie")[0].value;

Where "movie" is the name of your input <input type="text" name="movie">

If you want to get it on angular.js controller, you can use;

$scope.movie

edited Mar 23 '19 at 20:52

Stefnotch

answered Jan 10 '14 at 09:32

Hüseyin BABAL

15

There is no `document.getElementByName()` function. You're missing an '**s**' in the function name, and that function returns an array, so it would be `document.getElementsByName("movie")[0].value` (*assuming you only have 1 element with that name*). – baacke Jun 25 '15 at 22:34
Can we get a valid answer here that is actually best practice? $scope.movie / similiar $scope accessing does not work – Sam Alexander Nov 10 '16 at 16:39
I get property value does not exist on NodelistOf. – Norbert Norbertson Feb 27 '19 at 11:23

score 4 · Answer 2 · answered Jan 10 '14 at 09:30

4

If your markup is bound to a controller, directive or anything else with a $scope:

console.log($scope.movie);

answered Jan 10 '14 at 09:30

user2422960

29

I tried to do this way but I got "undefined" – Bun Suwanparsert Jan 10 '14 at 09:33
2

Yeah me too. What is the deal with this? – light24bulbs Jan 20 '16 at 23:12
@light24bulbs exactly i m also facing undefined ? what is the issue – Erum Aug 08 '16 at 05:12
Someone? anyone? can we please get some answers here – Sam Alexander Nov 10 '16 at 16:38
http://stackoverflow.com/questions/31988632/ng-model-is-undefined-in-controller you have to use object.property notation (in your case for instance $scope.movie.title) – Seba92 Nov 11 '16 at 16:24
You can use the ng-init directive to set the initial value of $scope.movie. If you put the initial value in the `value` attribute, angular won't pick it up. e.g. `` – DoubleA Mar 17 '17 at 09:25

2 Answers2