Accessing nested JSON with AngularJS

Question

I\'m trying to make and mobile webapp with angular.js, hammer.js and topcoat.

I\'m having some trouble on displaying data from a Json file like this one:

<         


        

Answer 1

I suggest something like this:

$http({method: 'GET', url: 'json/json_price_1.json'}).success(function(data) {
    $scope.artists = [];
    angular.forEach(data.artists, function(value, key) {
        $scope.artists.push(value);
    });
    $scope.isVisible = function(name){
        return true;// return false to hide this artist's albums
    };
});

And then:

    

        
{{artist.name}}
    
    

        
{{album.title}}