在运行时

Question

我正在寻找一种方法将HTML注入已加载的页面，以响应用户点击该页面。

准确地说，我需要做的是：

1. 抓取一个点击
2. 生成要显示的HTML字符串
3. 将该HTML字符串注入页面，以便在当前标记的顶部上显示。

其中1个完成，2个部分完成，所以现在我需要在当前标记之上显示HTML字符串（如弹出框）。单击后面的标记时，注入的标记应该消失。我怎么能这样做？

这是作为Angular2网络应用程序的一项功能而开发的，因此我希望仅使用打字稿，HTML和CSS来实现这一功能，而不是使用现有的库。

有一些指示可以让事情变得更加清晰：

• 生成的HTML将是交互式的，因此可以点击它，而不仅仅是简单的弹出窗口或警报。
• 当点击该HTML之外的区域时，应该从DOM中删除生成的HTML。