私はangularjsで新しく、ローカルのjsonからのデータをテーブルに投稿したいと思います。私はこの方法を試してみましたが、私は、コンソールブラウザを開くと、私はエラーを持っている:プロパティを読み取ることができません。ここでは未定義ローカルjsonのデータをangularjsで印刷
<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>
の「ID」は私のJSONのPICEあり、そしてどのように私のデータが構造化されます。
[
{
"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":"[email protected]",
"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;
});
を参照してください非推奨 'SUCCESS'コールバックは、応答オブジェクトを返しません。常に '.then'を使用してください。 –
@NikolajDamLarsenクイック検索のおかげで – Sajeetharan