How to fetch data from array of objects in angularJS?

Question

Here is my json-

{ topalbums: { album: [ { name: "The Very Best of Cher", playcount: 1634402, mbid: "a7e2dad7-e733-4bee-9db1-b31e3183eaf5", url: "http://www.last.fm/music/Cher/The+Very+Best+of+Cher", artist: { name: "Cher", mbid: "bfcc6d75-a6a5-4bc6-8282-47aec8531818", url: "http://www.last.fm/music/Cher" } } ] } }

how to get data, through looping, artist.name of every upcoming object using angular controller?

Yes, You need to iterate the object as album is an array of objects — Satpal
– Satpal, Commented Mar 25, 2016 at 6:36
$scope.data = topTracksService.list; $scope.tracks = $scope.data.track; console.log($scope.tracks); angular.forEach($scope.tracks, function(value, key) { }); Above code not working — Aditya Gupta
– Aditya Gupta, Commented Mar 25, 2016 at 6:42

Hadi · Accepted Answer · 2016-03-25 07:02:38Z

try this.in controller you can use angular foreach like this.

var app = angular.module("app",[]) app.controller('ctrl',['$scope', function($scope){ $scope.data={ topalbums: { album: [ { name: "The Very Best of Cher", playcount: 1634402, mbid: "a7e2dad7-e733-4bee-9db1-b31e3183eaf5", url: "http://www.last.fm/music/Cher/The+Very+Best+of+Cher", artist: { name: "Cher", mbid: "bfcc6d75-a6a5-4bc6-8282-47aec8531818", url: "http://www.last.fm/music/Cher" } }, { name: "The Very Best of Cher", playcount: 1634402, mbid: "a7e2dad7-e733-4bee-9db1-b31e3183eaf5", url: "http://www.last.fm/music/Cher/The+Very+Best+of+Cher", artist: { name: "Cher2", mbid: "bfcc6d75-a6a5-4bc6-8282-47aec8531818", url: "http://www.last.fm/music/Cher" } } ] } }; angular.forEach($scope.data.topalbums,function(album){ angular.forEach(album,function(a){ alert(a.artist.name); console.log(a.artist.name); }) }) }]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <div class="item item-checkbox"> <div ng-repeat="album in data.topalbums"> <p ng-repeat="a in album">{{a.artist.name}}</p> </div> </div>

I want artist.name in controller part , not on view. In my problem, artist.name is passed to a function in my controller.

Charlie · Accepted Answer · 2016-03-25 06:50:10Z

0

Let's say you have this json in $scope.allAlbums.

You can iterate the artists name of all the albums using

$scope.allAlbums.topalbums.album.forEach(function(item) { console.log(item.artist.name) })

answered Mar 25, 2016 at 6:50

Charlie

24k12 gold badges65 silver badges96 bronze badges

3 Comments

Aditya Gupta Over a year ago

Got error- angular.min.js:111 TypeError: Cannot read property 'album' of undefined

Dhananjaya Kuppu Over a year ago

are you able to print $scope.allAlbums.topalbums in console?

Charlie Over a year ago

Your error says there is no topalbums in $scope.allAlbums. Check up to that level and make sure your $scope.allAlbums contains the given json.

Dhananjaya Kuppu · Accepted Answer · 2016-03-25 06:56:16Z

You may try this. names will contain array album names:

var names = data.topalbums.album.map(function(item){ return item.artist.name; });

Collectives™ on Stack Overflow

How to fetch data from array of objects in angularJS?

3 Answers 3

1 Comment

3 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Related