json - ng-options で深くネストされた JSON オブジェクトを表示する方法

Question

深くネストされたオブジェクトを hal+json から ng-options にどのように設定しますか?

サンプルコード付きのプランカーを次に示します: http://plnkr.co/edit/0dPLEj1O63NUVMVdnZeK?p=preview

Answer 1

更新されたプランカーを見つけてください

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>

何かあったら教えて

すべてのオプションについては、こちらをご覧ください

Answer 2

これは、たとえば「Egg Toss」の option.name を表示して、それが含まれるオプション オブジェクト全体を表すことを意味します。「Egg Toss」を選択すると、「Egg Toss」が含まれるオブジェクトがモデル「shift」に割り当てられます。

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

Answer 3

役に立つと思われるサンプルコードを次に示します。

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>