我有一个执行 get 请求并抛出错误的服务。
服务.ts
return this.http.get(/apiUrl)
.map(
(response: Response) => {
const items = response.json();
return items;
})
.catch(
(error: Response) => {
return Observable.throw(error);
});
}
我将其订阅到该组件,并且想在视图中显示错误。我搜索了此异常处理,但找不到相关答案,我该怎么做?
组件.ts
this.faqService.getServers()
.subscribe(
(data) => {
this.item = data.items;
console.log(this.item);
},
(error) => console.log(error)
);
});
我可以在控制台中看到错误,如何在视图中显示它。
error
分配给变量然后显示
在你的 ts 中声明一个变量
errorMessage : string;
进而,
this.faqService.getServers()
.subscribe(
(data) => {
this.item = data.items;
console.log(this.item);
},
(error) => {
this.errorMessage= error.error_message;
}
);
});
然后在 HTML 中
<h1>{{errorMessage}}</h1>
您需要从您的服务返回错误,
return this.http.get(/url)
.map(
(response: Response) => {
return response.json();
})
.catch(
(error: Response) => {
return Observable.throw(error.json());
});
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)