如何使用ng-repeat从json显示数据

时间:2015-05-28 00:52:14

标签: 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 = "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"
}

3 个答案:

答案 0 :(得分:2)

试试这个

open('1.log', encoding='latin1', mode='r')

答案 1 :(得分:0)

不确定你的json数据是什么样的,但你的$ scope是&#34; gradovi&#34;,所以你的li应该是这样的:

<li ng-repeat="item in gradovi">
     {{item.name_of_field_in_your_json}}
</li>

更新:

现在我看到了你的json数据。这是小提琴:

http://jsfiddle.net/RkykR/778/

答案 2 :(得分:0)

找到它!感谢大家的帮助! :)

<ol>
<li ng-repeat="item in gradovi.ponudjene track by $index">
 {{item}}
</li>
</ol>