Я делаю небольшой проект, используя angular с API, и часть проекта заключается в отображении изображений с помощью карусели. По сути, у меня есть страница «Галерея» со списком мест, и как только пользователь нажимает на определенное место, отображаются все изображения этого места. Это работает, как я проверил это без карусели. Даже с каруселью это работает, однако, только когда я refre sh после того, как я нажимаю на место. Другими словами, когда я нажимаю на место, мне показывают активное изображение карусели, но оно не показывает другие изображения. Однако, если я щелкаю по месту (и go к его изображениям) и нажимаю refre sh, я получаю активное изображение, а следующее изображение и т. Д. c означает, что работает отлично. Я даже показал его своему лектору, который пытался отладить его в течение 1 часа, и не знал, в чем проблема. здорово, если я узнаю, в чем проблема .. Спасибо!
<h1 class="text-center bg-secondary text-white py-2 m-0">{{placeFromUrl}}</h1>
<div class="card bg-primary">
<div class="card-body">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" data-interval="2000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Angular_full_color_logo.svg/250px-Angular_full_color_logo.svg.png" class="d-block w-50 mx-auto">
</div>
<div class="carousel-item" *ngFor="let image of placeImages">
<img src="data:image/jpeg;base64,{{image.bytes}}" class="d-block w-50 mx-auto">
</div>
</div>
</div>
</div>
</div>
<a class="btn btn-secondary col-md-12 mb-2" routerLink='/gallery' routerLinkActive="active">{{'HOME.backToList' | translate}}</a>