我可以构建一个使用 angular 元素与后端交互的组件吗?

can i build a component which interacts with backend using angular elements?

我目前正在构建一个测验应用程序,它使用一个组件来创建一个小部件,我们可以使用该小部件嵌入到第 3 方网站。这个小部件从数据库(MongoDB)获取问题并将答案发布到数据库,基本上它与我的后端交互。所以我的问题是 angular 元素创建一个 javascript 文件以在其他应用程序中使用,并使用自定义标签使用小部件。那么是否可以创建一个与后端交互并从中发送和检索数据的小部件?如果是这样,那么我在哪里可以找到它的文档或相关 material。提前致谢。

如果您需要了解核心概念,请尝试以这个 repo 为例 https://github.com/rfprod/nx-ng-starter

从这里开始,就是元素应用模块https://github.com/rfprod/nx-ng-starter/blob/master/apps/elements/src/app/elements.module.ts

然后检查聊天机器人模块https://github.com/rfprod/nx-ng-starter/blob/master/libs/client-chatbot/src/lib/client-chatbot.module.ts

此组件使用 angular 个元素呈现为自定义 Web 元素 https://github.com/rfprod/nx-ng-starter/blob/master/libs/client-chatbot/src/lib/components/chatbot-root/chatbot-root.component.ts

您可以将任何逻辑放入呈现为自定义 Web 元素的组件中。

是的,你可以。最后,您可以使用 angular-elements.

将整个应用程序创建为 Web 组件

您可以使用与在常规 angular 应用程序中相同的方式调用后端的服务。

这里是关于如何使用具有 angular 元素的服务的小 example。这不是后端调用,但您只需要按照需要的方式创建和使用函数。