Javascript 使用angularjs从本地json打印数据_Javascript_Html_Angularjs_Json

Javascript 使用angularjs从本地json打印数据

javascript html angularjs json

Javascript 使用angularjs从本地json打印数据,javascript,html,angularjs,json,Javascript,Html,Angularjs,Json,我是angularjs的新手，我想在一个表中发布来自本地json的数据。我尝试了此方法，但打开控制台浏览器时出现错误：无法读取未定义的属性“id” <html ng-app="GithubApp"> <head> <meta charset="utf-8"> <title></title> <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular

我是angularjs的新手，我想在一个表中发布来自本地json的数据。我尝试了此方法，但打开控制台浏览器时出现错误：无法读取未定义的属性“id”

<html ng-app="GithubApp">

<head>
<meta charset="utf-8">
<title></title>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.min.js"></script>
<script>
var countryApp = angular.module('GithubApp', []);
countryApp.controller('GitCtrl', function ($scope, $http) {
  $http.get('JSONdate.json').success(function (data) {
    $scope.gits = data;
  });
});

如果你能说什么是错误，我应该在项目中修改什么使它工作。请帮助

您应该使用。然后访问您得到的响应的数据

$http.get('JSONdate.json').then(function (response) {
    $scope.gits = response.data;
});

它工作得很好。我什么也没变。看

不推荐使用的

success

回调不返回响应对象。始终使用

。然后改用。
[
   {
      "id":"0",
      "login_name":"jk3064",
      "public_gits":"0",
      "Html_profile":"LINK",
      "Avatar_URL":"LINK"
   },
   {
      "id":"1",
      "login_name":"hoijui",
      "public_gits":"5",
      "Html_profile":"LINK",
      "Avatar_URL":"LINK"
   },
   {
      "id":"2",
      "login_name":"abma",
      "public_gits":"11",
      "Html_profile":"LINK",
      "Avatar_URL":"LINK"
   },
   {
      "id":"3",
      "login_name":"tvo",
      "email":"tobivollebregt@gmail.com",
      "public_gits":"1",
      "Html_profile":"LINK",
      "Avatar_URL":"LINK"
   },
   {
      "id":"4",
      "login_name":"zerver",
      "public_gits":"0",
      "Html_profile":"LINK",
      "Avatar_URL":"LINK"
   }
]

$http.get('JSONdate.json').then(function (response) {
    $scope.gits = response.data;
});

var countryApp = angular.module('GithubApp', []);
countryApp.controller('GitCtrl', function ($scope, $http) {
  $http.get('JSONdate.json').success(function (data) {
    $scope.gits = data;
  });
});