Angular JS中的promise object not rendering错误
Angular JS中的promise object not rendering错误
提问于 2018-12-29 02:27:09
我是Angular的新手，正在尝试从Angular JS中的promise对象检索一个自定义错误。但是我无法在我的html上得到自定义错误。我做错了什么？
这是我的HTML文件-
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<script data-require="angular.js@*" data-semver="4.0.0" src="script.ts"></script>
<script data-require="angular.js@*" data-semver="4.0.0" src="system.config.js"></script>
<script data-require="angular.js@*" data-semver="4.0.0" src="tsconfig.json"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="myCtrl">
<div>{{message}}</div>
<div>{{error}}</div>
<div>Name: {{user.name}}</div>
<div>Location: {{user.location}}</div>
<div>
<img ng-src="{{user.avatar_url}}" title="{{user.name}}">
</div>
</div>
</body>
这是我的脚本文件(script.js)-
(function(){
angular.module('myApp', []).controller('myCtrl', function($scope, $http) {
$http.get("https://api.github.com/users/rohitj559")
.then(function(response){
$scope.user = response.data;
})
.then(function(reason){
$scope.error = "Could not fetch the user"
});
})}());
当我将url(api info)更改为不正确的url地址时，我需要将错误呈现回我的html。
回答 1
Stack Overflow用户
发布于 2018-12-29 02:42:40
以下是来自同行的建议之后的答案-
(function(){
angular.module('myApp', []).controller('myCtrl', function($scope, $http) {
$http.get("https://api.github.com/users/rohitj559")
.then(function(response){
$scope.user = response.data;
})
.catch(function(reason){
$scope.error = "Could not fetch the user"
});
})}());Solution -将第二个'then‘替换为'catch’。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53962827
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号