我可以构建一个使用 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
此组件使用 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。这不是后端调用,但您只需要按照需要的方式创建和使用函数。
我目前正在构建一个测验应用程序,它使用一个组件来创建一个小部件,我们可以使用该小部件嵌入到第 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
此组件使用 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。这不是后端调用,但您只需要按照需要的方式创建和使用函数。