Angulajs ng-options из json с дочерним объектом

Question

Я пытаюсь заполнить опции angularjs ng с помощью json-файла с дочерним объектом, но мне трудно заставить его работать.

Это мой контроллер сценарий

inmomentControllerNameSpace.controller('userController', function($scope, $http, $q){ 
$scope.countryUserCode = {}; 

$http.get("js/countryCode.json").success(function(data){ 

    $scope.countryUserCode = data; 
       $scope.tel = 'show'; 
      }) 
    }) 
}) 

Мой HTML код

<select data-ng-options="name.countryUserCode for d in countryUserCode" data-ng-model="selectedCode"></select></select> 

Мой Json Файл

{ 
"af": { 
    "name": "Afghanistan", 
    "phoneCode": "93" 
}, 
"al": { 
    "name": "Albania", 
    "phoneCode": "355" 
}, 
"dz": { 
    "name": "Algeria", 
    "phoneCode": "213" 
} 
} 

Что я намерен добиться того, чтобы имя появится в опции ярлык и телефонный код в опции.

Я буду рад, если кто-нибудь может помочь мне спасибо ....

Answer 1

Попробуйте этот синтаксис для ngOptions:

<select data-ng-options="country.phoneCode as country.name for (isoCode, country) in countryUserCode" data-ng-model="selectedCode"></select> 

Демо: http://plnkr.co/edit/7csZXkmY430LTLhf5D7g?p=preview