Unable to show images in iOS

@criticalboot wrote:

Trying to use a model to display images in my app. NO images are displaying .

      <ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false"
      zooming="true" min-zoom="{{zoomMin}}" style="width: 100%; height: 100%"
      delegate-handle="scrollHandle{{$index}}" on-scroll="updateSlideStatus(activeSlide)" on-release="updateSlideStatus(activeSlide)">

      <div class="image" style="background-image: url( {{image.nativeURL}} )"></div>

      <p style="background-color: black; color: white; bottom: 0; width:100%; text-align: center; position: fixed;">
                        {{image.nativeURL.split('/').pop()}}
                    </p>
    </ion-scroll>
  </ion-slide>
</ion-slide-box>
</div>

image.nativeURL is file:///var/mobile/Containers/Data/Application/A1F5B2C1-EB82-4C5D-8769-34455B8BE096/Documents/files/images/green_nature_dual_monitor-other.jpg

Ionic info

Cordova CLI: 5.3.1
Ionic CLI Version: 1.6.4
Ionic App Lib Version: 0.3.8
ios-deploy version: 1.7.0
ios-sim version: 4.1.1
OS: Mac OS X Yosemite
Node Version: v0.12.7
Xcode version: Xcode 6.4 Build version 6E35b

Posts: 4

Participants: 2

Read full topic