How to change values retrieved from json url in Angular

Question

I have a service that retrieves a JSON from an url, I use ng-repeat to show values in a list.

My JSON looks like this:

[
  {"iconuser":"livingroom1","class":"w5","status":"0"},     
  {"iconuser":"meetingroom1","class":"w4","status":"1"}
]

How do I replace some values of that object.

example:

status = 0 should be status = OFF
status = 1 should be status = ON

Sajal · Accepted Answer · 2016-06-02 16:17:51Z

1

In native angular:

$scope.item = [{"iconuser":"livingroom1","class":"w5","status":"0"}, 
{"iconuser":"meetingroom1","class":"w4","status":"1"}];

angular.forEach($scope.item,, function(obj) {
    if(obj.status === 0)
      obj.status = "OFF";
    else
      obj.status = "ON";

    return obj;   
});

answered Jun 2, 2016 at 16:17

Sajal

4,4111 gold badge22 silver badges41 bronze badges

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

2 Comments

diego jimenez Over a year ago

thanks for your answer, then what should i use to show the new value in my list ? curently i use {{device.status}} (from device in devices)

Sajal Over a year ago

This answer will override the status in json to string(On/Off), you can still use it as device.status. Do you wish to create a new property keeping the original status as (1/0)?

tymeJV · Accepted Answer · 2016-06-02 16:14:02Z

1

You can use Array.map to format your response:

var formattedData = responseData.map(function(obj) {
    if (obj.status === 0) {
        obj.status = "OFF";
    } //etc

    return obj;
});

answered Jun 2, 2016 at 16:14

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Collectives™ on Stack Overflow

How to change values retrieved from json url in Angular

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related