如何在ng-options中显示深层嵌套的JSON对象

时间:2014-03-04 23:12:20

标签: json angularjs ng-options

如何将hal + json中的嵌套对象深入填充到ng-options中?

这是一个带有示例代码的plunker:http://plnkr.co/edit/0dPLEj1O63NUVMVdnZeK?p=preview

3 个答案:

答案 0 :(得分:2)

请找到更新的plunker

http://plnkr.co/edit/8kMauqPnKNmwXmZx97wN?p=preview

<select ng-model="shift" ng-options="item._embedded.shift.number for item in rows._embedded[0].alternate">
          </select>

如果有的话,请告诉我

请参阅here了解所有选项

答案 1 :(得分:0)

这意味着显示你的option.name例如“Egg Toss”来表示它所在的整个选项对象。当你选择“Egg Toss”时,对象“Egg Toss”将被分配给模型“移“

<select ng-model="shift" ng-options="option as option.name for option in table._embedded.events"></select>

答案 2 :(得分:0)

以下是您可能会觉得有用的示例代码。

JS:

 $scope.Period = 'Please Select';
 $scope.Periods = new Array('Last Month', '3 Months', 'Please Select');

HTML:

 <select style="width: 80%;" ng-change="GetPerformanceResults()" ng-model="Period">
                        <option ng-repeat="period in Periods">{{period}}</option>
                    </select>