jquery - 在 Angular 中循环 json

Question

我正在从 Angular 中的文件中读取 JSON。文件内容为:

{
"mango":
[
{
  "id": 3,
  "image": "Mango1.jpg",
  "text": "I am mango 3"
},
{
  "id": 2,
  "image": "Mango2.jpg",
  "text": "I am mango 2"
}
]

}

我正在我的 Controller 中阅读它:

    $.getJSON("../json/list.json", function (json) {
    $scope.mangoLists = json;

当我输出到控制台时，它显示芒果对象等。但我无法通过这样做将它们输出到用户界面:

    <div class="col-sm-6" ng-repeat="mango in mangoLists">
        {{mango.text}}
    </div>

请帮忙。

Answer 1

在调用 $.getJSON 后，您还需要使用 $scope.$apply() 更新 Controller 数据的 View ，如下所示:

$.getJSON("../json/list.json", function (json) {
    $scope.mangoLists = json;
    $scope.$apply();
} 

$scope.$apply() 将触发摘要周期，从而更新 View 。