Ion-slide-box not showing up images on iOS

ionic-v1
1

Hello All,

NOT SURE WHY MY LAST QUESTION WAS NOT ANSWERED:

Scenario:
I am pulling some images and trying to display within a Slide Box. The codes are as follows:

<ion-slide-box show-pager="true" ng-if="showSlide">                        
    <ion-slide ng-repeat="i in SlideImages">
      <div class="box"><img ng-src="{{i}}" width="100%"></div>
    </ion-slide>
</ion-slide-box>

The corresponding code in controller is :

function cacheImages () {
      $ImageCacheFactory.Cache ($scope.pageData.images.image)
        .then(function () {
             //console.log ("Images done loading!");
              $scope.SlideImages = $scope.pageData.images.image;
              $scope.showSlide   = true;
              $scope.showLoader  = false;
              //
              $ionicSlideBoxDelegate.update();
              $ionicScrollDelegate.resize();
   });

The slide box shows correctly on most Android devices.

Problem :

The Slide box is not at all rendering on iOS and while debugging on
Safari with X-Code - the slide box does not show up. The images after
loading - pushes the content below but not the images.

I used ‘https://gist.github.com/IgorMinar/863acd413e3925bf282c’ for building iOS version of the app.

Please help me to solve this issue.

Thanks in advance.