我正在从Angular中的文件读取JSON。该文件的内容为:
{
"mango":
[
{
"id": 3,
"image": "Mango1.jpg",
"text": "I am mango 3"
},
{
"id": 2,
"image": "Mango2.jpg",
"text": "I am mango 2"
}
]
}
我正在控制器中阅读它:
$.getJSON("../json/list.json", function (json) {
$scope.mangoLists = json;
当我输出到控制台时,它显示了芒果对象等。但是我无法通过执行以下操作将它们输出到UI:
<div class="col-sm-6" ng-repeat="mango in mangoLists">
{{mango.text}}
</div>
请协助。
最佳答案
使用$.getJSON
调用$scope.$apply()
后,还需要更新控制器数据的视图,如下所示:
$.getJSON("../json/list.json", function (json) {
$scope.mangoLists = json;
$scope.$apply();
}
$scope.$apply()
将触发摘要周期,该周期将更新视图。关于jquery - 在Angular中循环遍历json,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44817548/