【发布时间】:2016-03-05 16:45:18
【问题描述】:
我有一个名为 places.json 的 json 文件。内容是
{
"Europe": [
{
"name": "London",
"country": "England"
},
{
"name": "Paris",
"country": "France"
}
],
"Asia": [
{
"name": "Delhi",
"country": "India"
},
{
"name": "Tokyo",
"country": "Japan"
}
],
"Africa": [
{
"name": "CapeTown",
"country": "SouthAfrica"
},
{
"name": "Abuja",
"country": "Nigeria"
}
]
}
这只是文件的一部分。文件很大。
现在我通过 Angular js 获取这个文件
myApp.controller('cityController', ['$scope', '$http', function ($scope, $http) {
$http.get('places.json').success(function (data) {
$scope.items = data;
}).error(function (data) {
console.log(data);
});
}]);
然后我将 html 页面中的数据打印为
<div ng-repeat="(key,val) in items">
<p> {{key}}</p>
<div ng-repeat="place in val">
<p>{{place.name}}</p>
<p>{{place.country}}</p>
</div>
</div>
我得到了输出,但顺序不正确。 (即)我首先打印亚洲及其地方和欧洲等。为什么会这样。如何以正确的顺序打印。
【问题讨论】:
标签: javascript html angularjs json