how to access a particuar field in json array using angularjs

Question

Here I want to retrieve some feilds from the json data. This is my json data:

[{"ipaddress":"10.132.32.212","id":"18"},    
 {"ipaddress":"10.132.32.213","id":"19"}]

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

	<div ng-app="lostsysApp" ng-controller="mainController">
	<ul>
  <li ng-repeat="x in ipaddress | orderBy:'id'">
    {{ x.ipaddress + ', ' + x.id }}
  </li>
</ul>
</div>

<script>

var app = angular.module('lostsysApp', []);
app.controller('mainController', function($scope, $http) {


$http({ method : "GET",
    url : "http://10.132.32.218:8080/DBtoWeb/services.jsp",
    Accept: "application/json"

    }).then(function mySucces(response) {
      $scope.myData=response.data;
      }, function myError(response) {
        //Second function handles error
        $scope.myData = "Something went wrong";
    
  });
});

</script>

</body>

</html>

see sharper · Accepted Answer · 2017-03-07 01:16:40Z

0

I think you mean

  <li ng-repeat="x in myData | orderBy:'id'">

answered Mar 7, 2017 at 1:16

see sharper

12.2k8 gold badges53 silver badges68 bronze badges

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

4 Comments

pramanaga koushik Over a year ago

in the above json data i need the values of ipaddress and id

see sharper Over a year ago

Yep, and presuming response.data does contain the data you say it does (the JSON array), then the above code will work.

see sharper Over a year ago

By the way assigning the string "Something went wrong" to myData is not a good idea, as you are asking the same scope field to contain two different types of data (an array or a string). You should assign the error string to some other field.

see sharper Over a year ago

The code is correct, but something else is going on. Put a javascript breakpoint at the line $scope.myData=response.data; and inspect the response.data. BTW, it's unhelpful to say "the code will not work" without saying what fails and how. Is there an error? What happens exactly? Try to problem solve this a bit yourself.

raja reddy · Accepted Answer · 2017-03-07 02:51:45Z

0

You can checkout this Plunker

  <div ng-app="lostsysApp" ng-controller="mainController">
    <ul>
      <li ng-repeat="x in myData | orderBy:'id'">
        {{ x.ipaddress + ', ' + x.id }}
      </li>
    </ul>
  </div>

answered Mar 7, 2017 at 2:51

raja reddy

3822 silver badges9 bronze badges

Collectives™ on Stack Overflow

how to access a particuar field in json array using angularjs

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related