В приложении angular 6 я вызываю службу для загрузки изображений из api. Размеры изображений очень большие, и для их загрузки требуется некоторое время, пока они загружаются, я хочу показать заполнитель gif и показать изображение после его полной загрузки. Я новичок в angular, и любое предложение по исправлению этого будет большим подспорьем. Заранее спасибо.
<div *ngFor = "let product of products"> <img src = "{{product['product'].image}}" alt = ""> </div>
Измените вопрос, чтобы включить его в вопрос. Кроме того, вы упомянули, что загружаете изображения из API, это то, что я хотел увидеть, а не цикл *ngFor
.
Это веб-сервис, содержащий массив объектов json, он содержит информацию о названии продукта, описании, цене и миниатюре продукта. Я хочу показать список всех этих продуктов. но изображение загружается медленно. Я хочу показать загружаемый gif, а затем показать изображение, как только оно будет полностью загружено.
Не могли бы вы добавить соответствующий код, чтобы показать, как вы загружаете изображения?