Image does not appear in iOS simulator


#1

Hi everyone,

I’ve a problem in iOS simulator with this code :

    <div class="list">
        <a ng-repeat="item in items"
           class="item item-thumbnail-left item-avatar">
            <img ng-src="{{item.PathToGCS}}">
            <h2>{{ item.name }}</h2>
        </a>
    </div>

The image does not appear in iOS simulator, There is no error in the debug consol from safari. This code works well in any browser but not in the iOS simulator. I’ve put $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel|content|blob):|data:image|/) in my main module config.
I’ve tried to load image from the local repository with a hardcoded path (img/img_name.png) and it works.
I’ve also tried with a hardcoded http path and it doesn’t works…

Any idea please ?

Thanks a lot


#2

to be more precise, the image does not load when the url is https or http


#3

Hmm, definitely an issue with whitelisting, had that issue myself way back in January.

Take a look at the SO post, it should get you plenty of option that can help with this.