asp.net-web-api - 如何在不知道要提前使用多少图像的情况下使用 ng2-bootstrap 构建轮播？

Question

我正在使用 ASP.net Api 和 angular 进行项目，我想使用 ng2 bootstrap 构建 carousal，但我不知道我会创建多少图像？任何建议如何做到这一点。

Answer 1

如果您有一个图像 url 数组，则可以使用 angular *ngFor 语法循环遍历图像，从而导致输出根据数组而变化。

打字稿：let images = ['image1.jpg', 'image2.jpg'];

HTML：

<div class="carousel-wrapper">
    <div *ngFor="let image of images">
        <image [src]="image" />
    </div>
</div>

Answer 2

您可以使用源代码查看演示http://valor-software.com/ng2-bootstrap/#/carousel 注意“添加幻灯片”按钮的工作原理，这是您需要复制的