How to dynamically redraw a page in angular to display images?

Question

Angular

With static output of images, everything is displayed correctly

<ion-slide-box>
            <ion-slide>
               <img src="http://domain.ru/img/img1.jpg" class="full-image">
           </ion-slide>
           <ion-slide>
               <img src="http://domain.ru/img/img2.jpg" class="full-image">
           </ion-slide>
           <ion-slide>
               <img src="http://domain.ru/img/img3.jpg" class="full-image">
           </ion-slide>
           <ion-slide>
               <img src="http://domain.ru/img/img4.jpg" class="full-image">
           </ion-slide>
</ion-slide-box>

For dynamic output:

<ion-slide-box>
            <ion-slide ng-repeat="slide in slides" slider>
                <img src="http://domain.ru/img/{{slide.img}}" class="full-image">
            </ion-slide>
</ion-slide-box>

There is a problem - images start to be displayed only when the window resolution is slightly changed in the browser. That is, it is redrawn with images already. How to do the same redrawing programmatically so that the photos are displayed?

Answer 1

Probably ngSrc will help you