小编Thé*_*o.G的帖子

如何在 Angular 中使用 Promise() 显示来自后端的数据?

我想从我的后端显示一个页面到我的 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' });消息。

谢谢 !

promise express angular-fullstack angular

1
推荐指数
1
解决办法
1842
查看次数

标签 统计

angular ×1

angular-fullstack ×1

express ×1

promise ×1