Parsing json using angularjs

Question

My json file is of the format:

{
  "doc": {
    "BandDatabase": {
      "Artist1": {
        "-name": "john",
        "-instrument": "piano"
        "Artist2": [
          {
            "-name": "tina",
            "-instrument": "drums"
            "Manager": {
              "Person1": {
                "-name": "abby"
                }

I have my controller setup as :

myApp.controller('MyController', ['$scope', '$http', function ($scope, $http) {

    $http.get('js/artists.json').success(function(data) {
        $scope.artists = data;
    });

How do I search for an element in the json format above? I am unable to display the name element on the webpage my doing the following:

<div ng-controller = "MyController">
    <ul class="artists">
        <li class="messages" ng-repeat="item in artists">
            <div class="info">
                <h1>{{item.name}}</h1>
            </div>

I want to be able to display the name of Artist1 and Artist 2.

In your JSON file, is Artist2 a property of Artist1? Does Artist1 an object and Artist2 an array? — Martin
– Martin, Commented Jun 21, 2014 at 22:14

furier · Accepted Answer · 2014-06-21 22:17:59Z

1

JSON.Parse is part of JavaScript use it to convert JSON into JavaScript Objects.

$http.get('js/artists.json').success(function(data) {
    $scope.artists = JSON.Parse(data).artists;
});

BTW your JSON looks rather strange to me... I imagine it should look more like this:

{
    "artists": [
        {
            "name": "kongor",
            "instrument": "gitar"
        },
        {
            "name": "Jacob",
            "instrument:" "...",
            "manager": {
                "name": "Cole"
            }
        }
    ]
}

edited Jun 21, 2014 at 22:17

answered Jun 21, 2014 at 22:02

furier

1,9771 gold badge22 silver badges39 bronze badges

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

1 Comment

jgawrych Over a year ago

Note that there is also an angular.fromJson function, but it's almost exactly the same thing: return isString(json) ? JSON.parse(json) : json;

Collectives™ on Stack Overflow

Parsing json using angularjs

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related