json - 如何使用 ng-repeat 显示来自 json 的数据

标签 json angularjs

所以我加载了 json,现在我无法显示它,它说格式不正确。但我不太确定用 html 写什么。

这是我的代码:

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:

{
   "ponudjene": [
      "Ada",
      "Adaševci",
      "Žitni Potok",
      "Žitorađa",
      "Zlatibor",
      "Zlatica",
      "Zlodol",
      "Zlot",
      "Zmajevo",
      "Zminjak",
      "Zrenjanin",
      "Zubin Potok",
      "Žuč",
      "Zuce",
      "Zvečan",
      "Zvezdan",
      "Zvonce",
      "Đala",
      "Đunis",
      "Đurđevo",
      "Đurđin"
   ],
   "tacno": [
      "Zvezdan",
      "Zvezdan",
      "Bor",
      "Rudna Glava",
      "Majdanpek"
   ],
   "vreme": 100,
   "oblast": "Istocna srbija"
}

最佳答案

这样试试

<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>

关于json - 如何使用 ng-repeat 显示来自 json 的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30495478/

相关文章:

json - 将 Json 文件导入 Mongoose

angularjs - Karma 覆盖率始终显示为 100%

AngularJS 循环依赖

angularjs - 将参数传递到 ui-view

json - 这种 RESTful JSON 响应格式是否符合 HATEOAS?

javascript - IntelliJ IDEA : json file syntax

asp.net-mvc - JSON、ASP.NET MVC - MaxJsonLength 异常

javascript - 过滤 JSON 键值并为呈现的元素分配名称

javascript - 使用 ng-if 的多个元素总是只显示其中 1 个,它们可以共享相同的 id 吗?

angularjs - 特定超时后的 $location.path 不起作用