Question

我有以下JSON，它将被设置为$ scope.episodes;

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

从这个JSON我想在angularjs中创建一个过滤器，以获得$ scope.episodes的以下输出：183, 184。

要实现这一目标需要做些什么？

Answer 1

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

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

Answer 2

这是一个选项：

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(', ');
  };
});

然后在您的模板中，您可以使用：

{{ episodes | plucker:'episodeNumber' }}

AngularJS数组用逗号分隔

2 个答案: