我正在从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/

10-12 07:20
查看更多