Angular 6 показывает загрузку изображения до тех пор, пока изображение, считанное из api, не будет полностью загружено

В приложении angular 6 я вызываю службу для загрузки изображений из api. Размеры изображений очень большие, и для их загрузки требуется некоторое время, пока они загружаются, я хочу показать заполнитель gif и показать изображение после его полной загрузки. Я новичок в angular, и любое предложение по исправлению этого будет большим подспорьем. Заранее спасибо.

Не могли бы вы добавить соответствующий код, чтобы показать, как вы загружаете изображения?

user184994 27.10.2018 11:12
<div *ngFor = "let product of products"> <img src = "{{product['product'].image}}" alt = ""> </div>
kvesskrishna 27.10.2018 12:55

Измените вопрос, чтобы включить его в вопрос. Кроме того, вы упомянули, что загружаете изображения из API, это то, что я хотел увидеть, а не цикл *ngFor.

user184994 27.10.2018 12:57

Это веб-сервис, содержащий массив объектов json, он содержит информацию о названии продукта, описании, цене и миниатюре продукта. Я хочу показать список всех этих продуктов. но изображение загружается медленно. Я хочу показать загружаемый gif, а затем показать изображение, как только оно будет полностью загружено.

kvesskrishna 27.10.2018 13:05
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
4
337
0

Другие вопросы по теме