Angular 从提供程序中显示组件

我已经创建了一个称为

的角度

组件。
这方面的HTML和CSS包括五彩纸屑动画。现在，如果我直接在任何我想要的页面中硬编码五彩纸屑html标记，这将非常有效

但是，我需要做的是动态地将
标记注入到
提供者的当前活动页面中，该提供者每x秒运行一次可观察的页面

这可能吗？
您是否尝试将五彩纸屑组件放在组件（app.component.html）的顶部，并将其连接到您希望动画弹出时调用的服务？第二个选项是动态创建组件。我将如何连接它？使用
@ViewChild
？您可能可以使用一个来实现此目的。要连接它，请引入您将调用的
ConfettiService
，并在
ConfettiComponent
中订阅某个主题/可观察对象（从该服务）并做出反应（打开动画）。