Question

我使用角度来选择列出选项。但是如何对嵌套数组使用ng-options？

<select chosen
option="countries"
 ng-model="data"
  ng-options="??">
</select>

这是我的阵列。

 $scope.data=  [
  {
"Name": "Cat1",
"CategoryID": "1",
"actions": [
  {
    "ActionName": "action1",
   },
  {
    "ActionName": "action2",

  }
]
},
{
"Name": "cat 2",

"actions": [
  {
    "ActionName": "action3",
   },
  {
    "ActionName": "action4",

  }
]
}
  {
"Name": "cat 3",
"actions": [
  {
    "ActionName": "action5",
   },
  {
    "ActionName": "actions 5",

  }
 ]
 }

 ]

我想按类别名称列出选项组
的 CAT1
动作1
动作2
的 CAT2
ACTION3
措施4
的 CAT3
action5
action6

Answer 1

您可以解析“数据”并将其转换为以下格式，并使用下面显示的ng-options。

$scope.countries = [
    { actionName: 'action1', catName: 'cat1' },
    { actionName: 'action2', catName: 'cat1' },
    { actionName: 'action3', catName: 'cat2' },
    { actionName: 'action4', catName: 'cat2' },
    { actionName: 'action5', catName: 'cat3' },
    { actionName: 'action6', catName: 'cat3' }   
];

<select ng-model="country" 
        ng-options="item.actionName group by item.catName for item in countries">
</select>

在此链接https://www.undefinednull.com/2014/08/11/a-brief-walk-through-of-the-ng-options-in-angularjs/

上查找有关ng-options的更多信息

Answer 2

我在javascript中创建了一个新数组并通过ng-options迭代，请查看以下链接

https://plnkr.co/edit/i9LfV50Y2gXElFzVgFDl?p=preview

我创建了一个数组，并将所有值都推入其中，工作正常

*s = Pod{2}

如何对嵌套数组使用ng-options？

2 个答案: