Angular 共享组件实例-角度4

我有一个名为“popover”的组件，它为显示的内容创建一个黑色透明背景。它将自身附加到DOM，并将绝对位置附加到父元素。除此之外，它还做了很多事情

• 单击“外部”时自动关闭
• 根据dom事件调整大小
• 还有其他一些事情。。对我的问题不重要

因此，它本质上为内容创建了这种样式，并使用

ng content

显示您在其中传递的任何内容

样本使用

您的内容

该节目默认为false。然后，当父组件需要显示popover时，可以将其动态设置为true

现在，我遇到了这样一种情况，我想在

*ngFor

中使用这个组件，它创建了一个具有多个列的表式结构，使用这个popover，每行可以有3/4个元素，行数可以保持增长>50。这意味着有100个或更多的爆米花被隐藏起来

我当时想的是，如果我可以创建一个要使用的这个popover的共享实例，因为它本质上显示传递给它的内容（我不需要担心它的位置-它被配置为动态读取父位置并相应地连接到DOM）。因此，只要创建一个实例，只要悬停在需要的元素上，这个实例就会显示内容。有可能按一定角度做吗

这个想法是为了阻止创造

我正在使用的角度版本：4.2.6（最新）

---

感谢您的时间和努力。

如果我正确理解您的问题，您想做的事情可以通过依赖注入实现。

---

您可能想看看“棱角材料”对话框（）作为灵感的字体。

您能再详细一点吗？我是说举个例子？谢谢