Question

几天来，我一直对Angular＆Bootstrap Carousel的效果感到疯狂...

我的页面上有一个引导轮播，由一系列自定义对象（其中包含base64格式的图片）提供。

一切工作都很好，直到我决定让用户根据数组中的其他相同值（例如日期或名称）动态地对数组重新排序。

我既不使用Obserables，也不使用Pipes，或者只是清空数组并用有序的数组重新填充，每次轮播显示两次，或者如果您多次更改顺序，则3时间。

这就像ja上有一个旋转木马，上面有3张照片，但是下一和上一个控件正确放置在所有3张照片上。

我不知道为什么会这样...显然，这与下一个和后一个导航有关，因为如果一个分类不来回移动，一切都好。但是当您前进5张照片后进行排序时，第二个“内部轮播”就会出现。

附加了HTML代码。

感谢所有可以给我提示的人！

干杯，罗伯特

<div id="carousel" class="carousel slide mx-3 mb-2 carousel-fade" data-ride="ride" *ngIf="appService.loadingCompleted && appService.entries?.length > 0">
    <div class="carousel-inner">
        <div class="carousel-item" [ngClass]="{'active': erster}" *ngFor="let entry of appService.entries | sort:appService.sortId; first as erster">
            <a routerLink="/{{entry.link}}">
                <img class="d-block w-100 rounded" [src]="entry.picture" [style.cursor]="'move'">
                <div class="carousel-caption d-block mx-auto rounded">
                    <h3 class="svg-icon mb-0">{{ entry.name }}</h3>
                </div>
            </a>
        </div>
    </div>
  <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
        <asvg name="left"></asvg>
        <span class="sr-only">zurück</span>
    </a>
    <a class="carousel-control-next" href="#carousel" role="button" data-slide="next">
        <asvg name="right"></asvg>
        <span class="sr-only">weiter</span>
    </a>
</div>

在对基础阵列进行排序时，会多次显示Bootstrap的轮播

0 个答案: