Question

假设我在localhost PC上有很多学校图像，图像上有学校Campus_id的名字。但每所学校可能有一个或多个图像。假设id = 20的学校的图片类似20_1, 20_2, 20_3 ...而学校的图片只有id=23，而h图像只有23_1。我想获取这些图像并使用Angular和Html进行显示。我所做的是将图像放在一个数组中并使用Ngfor显示它。但问题是我不知道每所学校的图像数量。

以下是迭代data.attributes.photos中保存的所有照片的方法，并为每个照片生成单独的幻灯片。

环境网址：

resimUrl：'http://localhost/mebresim/'

data.attributes.photos = environment.resimUrl + data.attributes.kampus_id +'.jpg';

或者就像它一样：

TypeScript：

data.attributes.photos = [“12.jpg”，“12_1.jpg”，“12_2.jpg”]

HTML：

<ngb-carousel>
    <ng-template ngbSlide *ngFor="let photo of navbar.infoData.attributes.photos">
        <img class="card-img-top img-fluid w-full" [src]="photo" alt="Okul Fotoğrafı Bulunamadı">
    </ng-template>
</ngb-carousel>

如果您知道每所学校都有恒定数量的图像，那么获取和放入数组是有效的。但如果我不知道学校的图像数量怎么样呢？

Answer 1

您可以尝试按数字顺序加载图像，并在失败时继续。

DateTime.Parse(startDate.Text.ToString()).ToString("yyyy/MM/dd");

从LocalHost获取数据

1 个答案: