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

Question

我不确定这在 Angular 2 中是否可行，但是，

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

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

请分享您对此的看法。

Answer 1

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

Angular elements are Angular components packaged as custom elements, a web standard for defining new HTML elements in a framework-agnostic way.

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

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

Angular 的官网也有一个非常好用且容易理解的例子，你可以看看here .

希望这对您有所帮助。