【问题标题】:can i build a component which interacts with backend using angular elements? [closed]我可以构建一个使用角度元素与后端交互的组件吗? [关闭]
【发布时间】:2023-03-03 02:36:01
【问题描述】:

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

【问题讨论】:

    标签: angular frontend mean-stack angular-elements


    【解决方案1】:

    如果您需要了解核心概念,请尝试以这个 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

    这个组件被渲染为一个使用角元素https://github.com/rfprod/nx-ng-starter/blob/master/libs/client-chatbot/src/lib/components/chatbot-root/chatbot-root.component.ts的自定义网络元素

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

    【讨论】:

      【解决方案2】:

      是的,你可以。最后,您可以使用 angular-elements 将整个应用程序创建为 Web 组件。

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

      这里是一个小的example,介绍了如何使用带有角度元素的服务。它不是后端调用,但您只需要按您需要的方式创建和使用函数。

      【讨论】:

        猜你喜欢
        • 2016-10-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-11-12
        相关资源
        最近更新 更多