gpt4 book ai didi

javascript - 使用angularjs从本地json打印数据

转载 作者:行者123 更新时间:2023-11-28 02:39:39 29 4
gpt4 key购买 nike

我是 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;
});
});

<body ng-controller="GitCtrl">
<table>
<tr>
<th>Id</th>
<th>Login Name</th>
<th>Email</th>
<th>Public Gits</th>
<th>Html Profile</th>
<th>Avatar URL</th>
</tr>
<tr ng-repeat="git in gits">
<td>{{git.id}}</td>
<td>{{git.login_name}}</td>
<td>{{git.email}}</td>
<td>{{git.public_gits}}</td>
<td>{{git.Html_profile}}</td>
<td>{{git.Avatar_URL}}</td>
</tr>
</table>
</body>

</html>

这是我的 json 的图片,以及我的数据的结构。

[
{
"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"
}
]

如果你能说出错误是什么,我应该在项目中修改什么才能让它工作。请帮忙

最佳答案

你应该使用 .then 并访问你得到的响应数据,

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

DEMO

关于javascript - 使用angularjs从本地json打印数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45234532/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com