Angular4 - 使用旋转木马作为物品的最佳方式

Question

我正在尝试使用物品的旋转木马（不是图像）。它是给定类型的对象数组：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已经在页面上但我不喜欢得到任何会让动画触发的变化，对吗？我尝试了角度动画文档（https://angular.io/guide/animations）中的不同示例，例如flyInOut，或者我添加了一个状态属性，看看它是否适用于非活动/活动动画，但我无法使其工作。

此外，我不确定我是在重新发明轮子还是让事情变得复杂。我正在使用ng-carousel作为图片库，我不知道是否可以在这里重复使用。

非常感谢任何建议。

Answer 1

在Angular2-drag-scroll

上找到Reddit

演示网站：https://bfwg.github.io/ngx-drag-scroll/

它还与最新版本的Angular（4.3.6）

兼容