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

Question

我不确定Angular 2中是否可行,但是,

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

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

请分享您对此的看法.

Answer 1

你听说过角度元素吗？它是在 Angular 6 中引入的。您提到的场景听起来像是 Angular Elements 的完美用例。

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

因此，只需将它们视为独立的小部件，它们就可以与构建在任何框架/库上的任何 Web 应用程序很好地配合。

看看Rob Wormald 关于 Angular Elements 的启发性 NGCONF 演讲。您可以找到一些有关创建 Angular 元素的教程。这是来自 AngularFirebase 的 Jeff Delaney的另一篇文章。

Angular 的官方网站也有一个非常漂亮且易于理解的示例，您可以在这里查看。

希望这可以帮助。