首页 > 解决方案 > 从 Express 后端更新 Angular UI

问题描述

我是 MEAN 堆栈的新手。我有一个快速服务器(api),它监听一个 url 并处理传入的数据。我希望为这个 api 开发一个前端,以便我在 UI 中发送和显示传入的数据、日志和当前处理步骤。如果用户查看 UI,他应该知道当前传入的数据、统计信息、来自 UI 的日志。有什么方法可以从 express 后端发送传入数据并更新 angular UI 。

标签: angularexpress

解决方案


是的,您可以安装节点包 cors,它可用于侦听来自您想要的跨源的请求。您需要这个,因为您的 Angular 应用程序默认在不同的端口上运行4200。因此从您的 Angular 应用程序生成的任何请求都使用端口 4200。

在此处输入图像描述

之后创建一个角度服务。从您创建的 API 中获取数据。它应该看起来像这样

在此处输入图像描述

之后,您可以将数据提取到所需的组件并在组件的模板中显示。

有关角度服务的更多信息,请阅读文档,其中有一个非常好的示例


推荐阅读