Css Angular4-使用旋转木马运送物品的最佳方式

我正在尝试制作一个物品的旋转木马，而不是图片。它是一个给定类型的对象数组：IMyObject。因为我想一次显示一个项目，所以我没有使用ngFor。相反，一旦我获取了所有对象，我将使用Observable.timer循环元素：

Observable.timer(0, 4000)
          .map((e) => this.myObjects[e % this.myObjects.length])
          .subscribe((item) => {
                     this.currentMyObject= item;
          });

到目前为止还不错。我为它准备的HTML是：

<div *ngIf="currentMyObject">¡
    {{currentMyObject.oneOfTheProperties}}
</div>

我可以看到元素每4秒改变一次。现在我想介绍一个动画，这就是我被卡住的地方。理想情况下，我希望有一个淡入/淡出的地方，但我认为，与目前的实施动画根本不工作，因为没有任何元素的变化，如果这是有意义的：div已经在页面上，但我没有得到任何变化，将使动画触发，我说得对吗？我尝试过角度动画文档中的不同示例，如FlyiOut，或者我添加了一个状态属性，以查看该属性是否适用于非活动/活动动画，但我无法使其工作

我也不确定我是在重新发明轮子，还是把事情搞复杂了。我正在使用ng carousel作为图像库，我不知道是否可以在这里重复使用

非常感谢您的建议。

可在

演示站点：

它还与最新版本的Angular4.3.6兼容