gpt4 book ai didi

javascript - ng-repeat 不显示行

转载 作者:行者123 更新时间:2023-11-28 13:16:09 28 4
gpt4 key购买 nike

我正在尝试学习 AngularJS 并开始我的第一个代码示例以获取用户的 github 存储库。

我的html页面是这样的:

<!DOCTYPE html>
<html ng-app="githubViewer">

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="script.js"></script>
</head>

<body ng-controller="gitHubRepoController">
{{error}}
<table class="table table-striped">
<thead>
<tr>
<th>Name</th>
<th>Full Name</th>
<th>HTML Url</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="repo in repos">
<td>{{repo.name}}</td>
<td>{{repo.full_name}}</td>
<td>{{repo.html_url}}</td>
<td>{{repo.description}}</td>
</tr>
</tbody>
</table>
</body>

</html>

我的 Controller 是这样的

(function() {
var app = angular.module("githubViewer",[]);

var gitHubRepoController = function($scope, $http){
$http.get("https://api.github.com/users/lakshman553/repos")
.then(onDataDownloaded, onError);

var onDataDownloaded = function(response) {
console.log(response.data);
$scope.repos = response.data;

};
$scope.error = "some value";
var onError = function(reason) {
$scope.error = reason;
};
};

app.controller("gitHubRepoController",gitHubRepoController);
})();

AngularJS 已加载,因为它显示 {{error}} 在屏幕上显示为某个值

表头已正确加载,但未显示任何其他内容。即使是在浏览器中看到的 url 也会返回数据。

控制台中也没有错误。

我哪里出错了?

最佳答案

您需要在尝试使用 Promise 处理程序(onDataDownloadedonErro)之前先对其进行声明。 Plnkr

(function() {
console.log('this is the app')
var app = angular.module("githubViewer",[]);

var gitHubRepoController = function($scope, $http){
var onDataDownloaded = function(response) {
$scope.repos = response.data;
};
var onError = function(reason) {
$scope.error = reason;
};
$http.get("https://api.github.com/users/lakshman553/repos")
.then(onDataDownloaded, onError);
};

app.controller("gitHubRepoController",gitHubRepoController);
})();

关于javascript - ng-repeat 不显示行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37946993/

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