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

Shasha

我有如下的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>
Shasha

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

$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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用AngularJS从JSON Feed中填充选择下拉列表?

在AngularJS的下拉列表中显示JSON数据

如何使用JSON数据创建下拉列表

从json创建下拉列表

如何在angularjs中创建动态下拉列表

如何在AngularJS中使用表单创建下拉列表

使用通过JSON和jQuery传递的数据在下拉列表中创建两个值

如何使用javascript从HTML函数中的json数组创建下拉列表?

从AngularJS中的json对象绑定选择下拉列表

设置PHP数组以使用从Json对象创建的下拉列表

使用 AngularJS 填充下拉列表

如何使用下拉列表在AngularJS中过滤网格

使用ng-options AngularJS中的值选择下拉列表

使用angularjs mvc 5从我的下拉列表中删除行

如何使用下拉列表在 Django 中创建提交表单?

如何在使用模板的Word文档中创建下拉列表?

使用Javascript在Google表单中创建动态下拉列表

如何使用引导程序在下拉列表中创建下拉列表

使用 json 的依赖下拉列表

如何使用 Angular 6 中的下拉列表过滤 json 数据?

使用ajax json在下拉列表中显示数据

使用jQuery在不同的下拉列表中显示嵌套的JSON对象

遍历json数据以创建下拉列表

从两个或多个来源在AngularJS中创建动态下拉列表

使用AngularJS和Web API从一对多关系创建下拉列表

angularjs 中的下拉列表没有被填满

如何修复-AngularJS中的下拉列表

在AngularJS中按字母排序下拉列表

从angularjs下拉列表中删除空白选项