AngularJS array separate by comma

Question

I have the following JSON which will be set to $scope.episodes;

"the_numbers": [{
    "episodeID": 16503,
    "episodeNumber": 183
},
{
    "episodeID": 16504,
    "episodeNumber": 184
}]

From this JSON I want to create a filter in angularjs to get the following output from $scope.episodes: 183, 184.

What has to be done to achieve that?

@VikashVerma and how do you know that he is having underscore? — tanmay
– tanmay, Commented Dec 29, 2016 at 10:41
@tanmay : I m suggesting him to use underscore inside angular controller. — vikash5472
– vikash5472, Commented Dec 29, 2016 at 10:43
$scope.episodes = theNumbers.map(function(x){ return x.episodeNumber}); — Elmer Dantas
– Elmer Dantas, Commented Dec 29, 2016 at 10:44
@VikashVerma this is fairly simple use-case and can be achieved without using underscore as well — tanmay
– tanmay, Commented Dec 29, 2016 at 10:44

Peshi Bloy · Accepted Answer · 2016-12-29 10:56:02Z

2

$scope.episodes = {
    "the_numbers": [{
        "episodeID": 16503,
        "episodeNumber": 183
    },
    {
        "episodeID": 16504,
        "episodeNumber": 184
    }]
};

return $scope.episodes.the_numbers.map(function(item){
    return item.episodeNumber;
});

answered Dec 29, 2016 at 10:56

Peshi Bloy

665 bronze badges

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

Comments

Michael Sacket · Accepted Answer · 2016-12-29 10:55:30Z

1

Here is an option:

var app = angular.module('myApp', []);
app.filter('plucker', function() {
  return function(input, key) {
    input = input || [];
    var values = [];
    for (var i = 0; i < input.length; i++) {
      values.push(input[i][key]);
    }
    return values.join(', ');
  };
});

Then in your template you can use:

{{ episodes | plucker:'episodeNumber' }}

answered Dec 29, 2016 at 10:55

Michael Sacket

9078 silver badges13 bronze badges

2 Comments

rossanmol Over a year ago

Nice method, but it looks more complicated then the map function provided by Pleshi Bloy :)

Michael Sacket Over a year ago

Thanks! You indicated you wanted a filter. I assumed you wanted an angular filter. In any case, this one is reusable.

Collectives™ on Stack Overflow

AngularJS array separate by comma

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related