带组件的角度幻灯片

Question

我想创建包含TweenDeck.js等动画的幻灯片，但需要更多组件样式才能在Angular应用程序中使用它。
我的想法是创建一个抽象类Slide，它将包含动画所需的所有字段。然后开发人员可以从中扩展并创建组件。然后在app.component.html我会有这样的幻灯片：

<greeting-slide [intro-animation]="Animations.fadeIn" [outro-animation]="Animations.fadeOut">
    Hello, world!
</greeting-slide>
<simple-slide>
    <h1>Header</h1>
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</simple-slide>
<simple-slide></simple-slide>
<goodbye-slide></goodbye-slide>

我有想法获取所有组件，然后按instanceof Slide过滤它们。然后与他们一起操纵。

但似乎应该有更好的解决方案。

我如何实现这种实施？