parseInt return value from radio button AngularJS

Question

I've been trying to figure this out for a couple of days now...

I've got a set of radio buttons to rate something between 1 and 5 with each set to value = 1, value = 2 and so on as part of a comment form. But when the data is returned to the controller and is pushed to the db.json file, the radio button values are of type string. How do I get them to be of type int?

Radio button HTML code:

<label class = "radio-inline" for = "one"><input type = "radio"
name = "rating" id = "one" data-ng-model = "userComment.rating" 
value = 1 required>1</label>

code from controllers.js:

$scope.submitComment = function() {
  $scope.movie.comments.push($scope.userComment);
  myFactory.getMovies().update({id:$scope.movie.id}, $scope.movie);

I tried this thinking it would work, but it didn't.

$scope.userComment.rating = parseInt($scope.userComment.rating);

parseInt($scope.userComment.rating); this should work as expected, where it is showing as string. just console.log($scope.userComment.rating) after pasrseInt. — Sravan
– Sravan, Commented Jan 20, 2017 at 4:40
@Sravan , I thought so too. But here is the console.log results: author : "My Name" comment : "Pretty good movie" date : "2017-01-20T04:48:00.551Z" rating : "4" ...... this is where it should be an int, but is still a string — user2655352
– user2655352, Commented Jan 20, 2017 at 4:50
where you are checking the console?, even if it is storing in the string format, you can always change back to number. Pls paste the code where you console.log() it. — Sravan
– Sravan, Commented Jan 20, 2017 at 4:54
I feel like such an idiot! LOL But hey, we all make mistakes, right? The parseInt() worked as it should have...I was calling up an old file and the parseInt() was not even being used! Sorry for asking this question before exploring all options of my errors. Hopefully, this will help others someway anyhow. Cheers! — user2655352
– user2655352, Commented Jan 20, 2017 at 6:00

Andrew D. · Accepted Answer · 2017-01-20 05:30:02Z

5

Simply try to use ng-value instead of value attribute:

<label class = "radio-inline" for = "one"><input type = "radio"
name = "rating" id = "one" data-ng-model = "userComment.rating" 
ng-value = "1" required>1</label>

answered Jan 20, 2017 at 5:30

Andrew D.

8,2103 gold badges24 silver badges24 bronze badges

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

1 Comment

jdnew18 Over a year ago

Yes. To those who are interested, the "value" attribute should be used when you want to return a string, while the "ng-value" atribute should used when you want to return anything else (boolean, integer, array, etc.) See: docs.angularjs.org/api/ng/input/input%5Bradio%5D#!

Bala Abhinav · Accepted Answer · 2017-01-20 04:58:21Z

-1

There are two ways to do this.

Like you have said, using parseInt(string) will give you an integer.
Since, that did not work, We can use the Number class of javascript to convert string to type number. You can do it like so :

$scope.userComment.rating = Number($scope.userComment.rating);

answered Jan 20, 2017 at 4:58

Bala Abhinav

1,3481 gold badge9 silver badges15 bronze badges

Collectives™ on Stack Overflow

parseInt return value from radio button AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related