angularjs ng-options从嵌套的json数组中选择

问题描述

我在

   $scope.People = [  
    {  
          "firstName":"John",
          "lastName":"Doe",
          "Choices":[  
             {  
                "Name":"Dinner",
                "Options":[  
                   {  
                      "Name":"Fish",
                      "ID":1
                   },
                   {  
                      "Name":"Chicken",
                      "ID":2
                   },
                   {  
                      "Name":"Beef",
                      "ID":3
                   }
                ]
             },
             {  
                "Name":"Lunch",
                "Options":[  
                   {  
                      "Name":"Macaroni",
                      "ID":1
                   },
                   {  
                      "Name":"PB&J",
                      "ID":2
                   },
                   {  
                      "Name":"Fish",
                      "ID":3
                   }
                ]
             }
          ]
       },
       {  
          "firstName":"Jane",
          "lastName":"Doe"
       }
    ];

希望使用angularjs在单个下拉框中列出所有选项的名称(无重复项).

Wanted to list all the choices options name (without duplicates) in a single drop down box using angularjs.

下拉选项的值将为鱼"，鸡"，牛肉"，通心粉"，"PB& J"

The drop options will have the values Fish, Chicken, Beef, Macaroni, PB&J

<div ng-app="myApp" ng-controller="SomeController">
     <select ng-model="people.Choices.Name"                 
           ng-options="people.Choices.Name for people in People"></select>
</div>

但这不起作用.

任何见解都会受到赞赏.

Any insights is appreciated.

推荐答案

<select>
<option ng-repeat-start="p in people" ng-bind="p.firstName"></option>
<option ng-repeat-end ng-repeat="choice in p.choices" ng-bind="choice.name"></option>
</select>

http://plnkr.co/edit/2vj4PK?p=preview

这篇关于angularjs ng-options从嵌套的json数组中选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！