如何使用ng repeat显示来自json的数据
所以我加载了json,现在我无法显示它,它说格式不好。但我不确定用html写什么 这是我的js:如何使用ng repeat显示来自json的数据,json,angularjs,Json,Angularjs,所以我加载了json,现在我无法显示它,它说格式不好。但我不确定用html写什么 这是我的js: app.controller('jsonController', function($scope, $http) { $http.get('podaci.json').success(function(data) { $scope.gradovi = data; }); }); 和html: <div ng-controller = "jsonControll
app.controller('jsonController', function($scope, $http) {
$http.get('podaci.json').success(function(data) {
$scope.gradovi = data;
});
});
和html:
<div ng-controller = "jsonController">
<ol>
<li ng-repeat="gradovi in ponudjene">
{{gradovi.ponudjene}}
</li>
</ol>
</div>
不确定您的json数据是什么样子,但您的$scope是“gradovi”,因此您的li应该是这样的:
<li ng-repeat="item in gradovi">
{{item.name_of_field_in_your_json}}
</li>
{{item.name{u your{u json}
更新:
现在我看到了您的json数据。这是小提琴:
像这样试试
<ol>
<li ng-repeat="item in gradovi.ponudjene">
{{item}}
</li>
<li ng-repeat="item in gradovi.tacno">
{{item}}
</li>
<li>
{{gradovi.vreme}}
</li>
<li>
{{gradovi.oblast}}
</li>
</ol>
{{item}}
{{item}}
{{gradovi.vreme}
{{格拉多维州}
找到了!谢谢大家的帮助!:)
{{item}}
听起来您得到的json格式不正确。所以您将无法输出它。首先,我会调试您正在使用的json,以确保它在gradovi.ponudjene中是正确的。但是有没有一种方法可以在不改变json文件的情况下显示“ponudjene”中的所有项目?@Branka{{ponudj}
@Branka,是的,请检查我的答案。
<ol>
<li ng-repeat="item in gradovi.ponudjene">
{{item}}
</li>
<li ng-repeat="item in gradovi.tacno">
{{item}}
</li>
<li>
{{gradovi.vreme}}
</li>
<li>
{{gradovi.oblast}}
</li>
</ol>
<ol>
<li ng-repeat="item in gradovi.ponudjene track by $index">
{{item}}
</li>
</ol>