我有如下的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的选择来过滤掉详细信息。下面的代码只是向我展示了每个对象的第一个元素。就像我正在获得select选项作为PressStatements和Research一样,但我也希望下拉菜单中的Reports。
<select ><option ng-repeat="item1 in (filtered = filterItems(d))"> {{item1.Events[0].DisplayName}}</option></select>
最后我在选择标签中得到了所有选项
$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);
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句