使用Angular2的动态多幻灯片引导轮播

Question

我是角色2的新手。我已经在我的应用程序中成功实现了Bootstrap Carousel。以下是我的代码：

#container {
 display: flex;
 flex-direction: row;
}

.card {
 max-width: 200px;
  width: 100%;
}

#z2  .image {
 height: 150px;
 max-height: 175px;
 margin-bottom:25px;
}
#z3  .image {
 height: 150px;
 max-height: 175px;
 margin-bottom:25px;
}
#z1 .text {
 height: 100px;
 margin-bottom:20px;
}
#z3 .text {
 height: 100px;
 margin-bottom:20px;
}
.card .list {
 height: 50px;
}

#z1 .image {
  height: 175px;
}
#z2 .image{

}

#z2 .text {
  height: 120px;
}

#z3 .list {
  height: 60px;
}

代码工作正常，它从apps对象加载所有幻灯片，这些幻灯片是从角度组件填充的。

我想把这个旋转木马作为多滑动旋转木马。这样就可以一次显示3张幻灯片。任何帮助将不胜感激。谢谢！