Question

我正在尝试使用具有子对象的json文件填充angularjs ng-options，但我发现很难让它工作。

这是我的控制器脚本

 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

来自带有子对象的json的Angularjs ng-options

1 个答案: