我想从我的后端显示一个页面到我的 Angular 前端。
后端:在“ http://localhost:8080/test ”处,我显示一个简单的“hello”文本。
前端:在“ http://localhost:4200/editeur ”处有一个按钮。当我单击按钮时,我想在按钮下显示我的“ http://localhost:8080/test ”内容(在本例中是我的“hello”文本)。
我在 Angular 中使用了 Promise()。
这是我的 Express 后端中间件:
server.use('/test', (req, res, next) => {
res.json({ message: 'Hello' });
console.log('Hello');
next();
});
Run Code Online (Sandbox Code Playgroud)
这是我的 HTML 前端:
<button class="btn btn-success" (click)="getEditeur()">Display backend</button>
Run Code Online (Sandbox Code Playgroud)
这是我的 TS Angular 前端:
getEditeur() {
return new Promise((resolve, reject) => {
this.http.get('http://localhost:8080/test').subscribe(
(response) => {
resolve(response);
},
(error) => {
reject(error);
}
);
});
}
Run Code Online (Sandbox Code Playgroud)
当我单击按钮时,console.log('Hello'); 从我的后端工作来看,前端和后端是紧密相连的。但现在我希望我的 Promise() 在屏幕上显示该res.json({ message: 'Hello' });消息。
谢谢 !