Question

我已经整合了ngx-carousel以在旋转木马中显示一些图像。一切都按预期工作，但下面的切换按钮没有按预期工作。

我正在使用来自valor Software的ngx-carousel 在网站上，示例工作正常，但在我的项目中，切换按钮不起作用。(buttons image)。

任何人都可以建议我使用这些按钮。

<carousel selector="slide" [showIndicators]="true" [interval]="myInterval" [(activeSlide)]="activeSlideIndex" >
   <div class="col-md-12 centered">
     <div class="carousel-inner ">
         <slide  class="item animated fadeIn" *ngFor="let offer of currentOffers, let i =index" [ngClass]="{'active':i==0}">
             <blockquote>
                <ng-container >
                    <div class="row">
                         <div class="col-sm-12 align">
                                <img width="100%" src="{{offer.imageName}}">                                                                                
                          </div>
                    </div>
                </ng-container>
             </blockquote>
            </slide>

     </div>
  </div>
</carousel>

Answer 1

在我的大四学生的帮助下，我得到了这个问题的完美解决方案。问题是我为简单的功能编写了太多的代码。所以我删除了所有代码并将整个重写为

<carousel [showIndicators]="true" [interval]="myInterval" [(activeSlide)]="activeSlideIndex" >
   <slide class="item animated fadeIn" *ngFor="let offer of currentOffers, let i =index">
      <img [src]="offer.imageName" alt="Offer Image" style="display: block; width: 100%;">
   </slide>
</carousel>

点击以在ngx-carousel中切换功能不起作用

1 个答案: