在MDB Angular中制作动画时未隐藏数组的滑动项

问题描述

在动画过程中,div中有六个项目如下图所示。

如何在动画期间隐藏滑动元素。

使用mdb中的轮播来获取角度

互联网使我失望,或者我找不到我的问题的答案。

slided cars

HTML:

        <mdb-carousel class="carousel-multi-item multi-animation" [animation]="'slide'">
            <ng-template #thenBlock >
                <mdb-carousel-item *ngFor="let cards of slides; let i = index">
                    <li  class="search-car__display-link" *ngFor="let car of cards ; let i index" >
                        <a [routerLink]="['/car-detail',car.id]">
                            <car-card [car]="i"></car-card>
                        </a>
                    </li>
                </mdb-carousel-item>
            </ng-template>
        </mdb-carousel>

SCSS:

.search-car {
    &__display-results {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    &__display-link {
        text-decoration: none;
        list-style: none;
        

        & > a {
            text-decoration: none;
        }
    }
}
.carousel-item {
    overflow: hidden;
    z-index: -100;
    &.active,&.carousel-item-right,&.carousel-item-next {
      display: flex !important;
      flex-wrap: wrap;
      z-index: 2;
    }
  }

解决方法

修复!

编辑一些HTML结构,删除未添加ng-container的ng-templates。正在处理此代码。

library(quantmod)

result <- Reduce(merge,lapply(Tick,function(x) {
  tryCatch({
    getDividends(x,from= "2016-01-04",to="2017-03-09",src="yahoo")
  },error = function(e) {}
  )
}))