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

如何使用ng repeat显示来自json的数据,json,angularjs,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 = "jsonControll

所以我加载了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数据是什么样子,但您的$scope是“gradovi”,因此您的li应该是这样的:

<li ng-repeat="item in gradovi">
     {{item.name_of_field_in_your_json}}
</li>
  • {{item.name{u your{u json}
  • 更新:

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

    像这样试试

    <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>
    
    
    
  • {{item}}
  • {{item}}
  • {{gradovi.vreme}
  • {{格拉多维州}

  • 找到了!谢谢大家的帮助!:)

    
    
  • {{item}}

  • 听起来您得到的json格式不正确。所以您将无法输出它。首先,我会调试您正在使用的json,以确保它在gradovi.ponudjene中是正确的。但是有没有一种方法可以在不改变json文件的情况下显示“ponudjene”中的所有项目?@Branka
  • {{ponudj}
  • @Branka,是的,请检查我的答案。
    <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>
    
    <ol>
    <li ng-repeat="item in gradovi.ponudjene track by $index">
     {{item}}
    </li>
    </ol>