带有数组对象angularjs的ng-options

时间:2017-06-06 09:38:15

标签: javascript angularjs

我有这样的数据:

修改

我通过改为acti [0]解决了我的问题。但现在我在选择中得到了错误的价值。我该如何解决这个问题

2 个答案:

答案 0 :(得分:2)

您只需错过对象中每个元素之间的,符号。

$scope.provinces = [ { 00844:"Hà Nội", 00848:"TPHCM", 008418:"Hòa Bình", 008419:"Hà Giang", 008420:"Lào Cai", 008422:"Sơn La", 008425:"Lạng Sơn", 008426:"Cao Bằng", 008427:"Tuyên Quang", 008429:"Yên Bái", 008430:"Ninh Bình", 008431:"Hải Phòng" } ]

答案 1 :(得分:1)

访问数组的第一个对象

ng-options ="k as v for (k,v) in provinces[0]

演示



angular.module("app",[])
.controller("ctrl",function($scope){

$scope.provinces =    [
    {
    00844:"Hà Nội",
    00848:"TPHCM",
    008418:"Hòa Bình",
    008419:"Hà Giang",
    008420:"Lào Cai",
    008422:"Sơn La",
    008425:"Lạng Sơn",
    008426:"Cao Bằng",
    008427:"Tuyên Quang",
    008429:"Yên Bái",
    008430:"Ninh Bình",
    008431:"Hải Phòng"
    }
    ]
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <select ng-model="formDataAddress.province"
                ng-options ="k as v for (k,v) in provinces[0]"  ng-selected="">
                 </select>
</div>
&#13;
&#13;
&#13;