带有子对象的json中的Angulajs ng-options

大卫·阿多特耶(David Addoteye)

我试图用具有子对象的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"
}
}

我打算实现的是在选项标签中显示名称,并在选项中显示电话代码。

如果有人可以帮助我,我将非常高兴。

dfsq

为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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章