Java 使用json中的angularJs创建下拉列表

我的json如下所示

 var content = [{
  "DocList": [
    {
      "Events": [
        {
          "CategoryName": "PressStatements",
          "DisplayName": "Press Statements",
          "ID": 9
        },
        {
          "CategoryName": "Reports",
          "DisplayName": "Reports",
          "ID": 10
        }
      ],
      "Heading": "News 2",
      "PageID": 23,
       "Date": "\/Date(1454537792000)\/"

    },
    {
      "Events": [
        {
          "CategoryName": "Research",
          "DisplayName": "Research",
          "ID": 6
        }
      ],
      "Heading": "Heading",
      "PageID": 20,
      "Date": "\/Date(1437417792000)\/"
    }
]}
];


$scope.data=content;
  $scope.filterItems = function(g) {
    //console.log('filterItems is run');
    var ret = $filter('filter')(g.NewsList,"");
    //g.filteredItemCount = ret.length
    return ret
};

想要为事件创建一个下拉列表，其中将显示CategoryName的select选项。并根据从事件中选择的CategoryName筛选出详细信息。下面的代码只是显示每个对象的第一个元素。就像我得到的选择选项一样，PressStatements和Research，但我也希望在下拉列表中显示报告

<select ><option ng-repeat="item1 in (filtered = filterItems(d))">   {{item1.Events[0].DisplayName}}</option></select>

{{item1.Events[0].DisplayName}

最后，我在选择标签中获得了所有选项

$scope.abms = [];
 console.log(news[0].NewsList);

angular.forEach(news[0].NewsList, function(newsItems, index) {
  angular.forEach(newsItems.CategoryList, function(category, index){
    $scope.abms.push(category.DisplayName);
  });
});

---

那么，问题是什么呢？在下拉列表中，我得到了PressStatements和Research。所以，下拉列表中缺少报告。有没有办法做到这一点？