convert json string object to integer in ng-view

Question

i am trying to convert json object to integer in ng-view:

json string:

$scope.json_arr = [{
                    'id': '1',
                    'name': 'abc'
                },
                {
                    'id': '2',
                    'name': 'xyz'
                }];

in view:

<ul ng-repeat="vals in json_arr">
    <li><input type="number" ng-model="vals.id" /></li>
    <li><input type="text" ng-model="vals.name" /></li>
</ul>

when i see the ouput, the number field is coming blank as the value of the id object is string.

How do i convert string 'id':'1' to integer??

Demo Plunker

Philipp Gayret · Accepted Answer · 2014-06-16 12:56:51Z

4

Use ng-init, this will run whenever a new element in the array appears for ng-repeat, if you use it like this:

<ul ng-repeat="vals in json_arr" ng-init="parseId(vals)">
    <li><input type="number" ng-model="vals.id" /></li>
    <li><input type="text" ng-model="vals.name" /></li>
</ul>

Then all that's left is to write the parseId function referenced

  $scope.parseId = function(val){
    val.id = parseInt(val.id);
  }

Plunkr

answered Jun 16, 2014 at 12:56

Philipp Gayret

5,1401 gold badge31 silver badges34 bronze badges

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

Comments

score 1 · Accepted Answer · 2014-06-16 12:19:31Z

1

try it

Html side

<ul ng-repeat="vals in json_arr">
    <li> <input type="number" value="{{convertToInt(vals.id)}}"/></li>
    <li><input type="text" ng-model="vals.name" /> </li>
</ul>

Js Side

$scope.convertToInt= function (value) {
            return parseInt(value);
        };

It's working for me.

Working Source code here

edited Jun 16, 2014 at 12:19

answered Jun 16, 2014 at 12:11

user3559224

7 Comments

Jay Over a year ago

how do i use value , it should be ng-model right?

user3559224 Over a year ago

But you can define the ng-model in this other type of way {{property name}} .. It is same as you defined ng-model="vals.id" .

Jay Over a year ago

can you please create OR update my plunker so that i can get a clear picture because i've tried your code, but didn't worked for me :(

user3559224 Over a year ago

I have posted new plunker link . @Jay Please take a look plnkr.co/edit/S9coDaJyyjKhKbzQhP42?p=preview

Jay Over a year ago

yeah thats correct but when i write ng-model="vals.id" its not working, and without ng-model how do i bind textbox value current scope??

|

Niranjana V S · Accepted Answer · 2022-04-08 10:50:49Z

if you are using angular form to store one or more variable values and pass a request for api post or put method, example:

component.ts file

    `loginForm: FormGroup;
     mockService: ServiceName;
     
         this.loginForm = this.formBuilder.group({
          Id: [''],
          empID: [''],
          roomID: ['']      
        });
           this.loginForm.get('Id').setValue(parseInt(this.Id));
    this.loginForm.get('empID').setValue(parseInt(this.empID));      
     this.loginForm.get('roomID').setValue(parseInt(this.roomID));
    
let request = JSON.stringify(this.loginForm.value);

this.mockloginService.loginValuesCheckmethod(request).subscribe((response) => {
      if (response.isSuccess && response.responseCode === '200') {}

This will pass payload value as int

Collectives™ on Stack Overflow

convert json string object to integer in ng-view

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related