如何使用Angular 2为第三方网站开发可嵌入的小部件

Question

我不确定Angular 2中是否可以这样做，但是，

我想知道是否有任何方法/方法/支持来开发可嵌入的小部件，这些小部件可以集成到执行某些功能的其他网站中。

例如，在第三方网站上生成按钮的一小段源代码。单击此按钮会生成一些弹出窗口，执行一些与我们的Web服务器联系的操作。

请分享您对此的看法。

Answer 1

您听说过Angular Elements吗？它是在Angular 6中引入的。您所指的场景听起来像是Angular Elements的完美用例。

  

Angular元素是打包为自定义元素的Angular组件，自定义元素是一种以与框架无关的方式定义新HTML元素的网络标准。

因此，只需将它们视为独立的小部件，即可在基于任何框架/库构建的任何Web应用程序中很好地运行。

看看这个启发性的NGCONF Talk by Rob Wormald on Angular Elements。您可以找到有关创建Angular元素的一些教程。这是Jeff Delaney from AngularFirebase的另一个。

Angular的官方网站上还有一个非常漂亮且易于理解的示例，您可以查看here。

希望这会有所帮助。