使用 angular2 创建类似 twitter 的可嵌入组件答案

【问题标题】：Create twitter like embeddable component using angular2使用 angular2 创建类似 twitter 的可嵌入组件
【发布时间】：2017-03-29 18:56:25
【问题描述】：

我对 angular2 非常陌生，我正在尝试创建一个独立的、独立的 angular2 组件，它可以嵌入到任何网站中。有点类似于 publish.twitter.com 和 twitter 推文嵌入。

我不想像 twitter 那样使用 iframe。有什么办法可以实现吗？

【问题讨论】：

【解决方案1】：

每个 Angular2 应用程序都是一个组件，被调用到根组件或 AppComponent，并带有可能的嵌套组件和指令。 Angular2 应用程序就是这样一个添加到页面的组件。

您可以为根组件指定一个选择器，当该组件被引导时，它将附加到页面上与该选择器匹配的第一个元素。如果这样的根组件不占用整个页面空间，您将得到您想要的。这并没有什么特别之处，只是通常会构建一个 Angular2 应用程序根组件以占用整个页面，但没有必要这样做。

【讨论】：

是的，听起来不错。但我想要的是用户单击我的组件上的一个按钮，该按钮将生成一些代码，用户可以复制这些代码以将我的组件嵌入他们的网站。我想做两件事：1.将组件添加到我自己的网站，这不是角度的。但是我也许可以通过向应用程序添加角度来解决这个问题。 2. 第二件事是 twitter 嵌入行为，用户应该能够点击按钮并生成一些 HTML 代码，然后他们可以将这些代码包含在他们的网站中以显示我的组件。再次感谢您的回答。
您构建一个 Angular2 应用程序以获得可部署的。剥离 index.html 并仅提供特定于此 Angular2 应用程序的部分。这是您提供给用户以将其嵌入到他的网站的内容。