title: Display image with external source in iOS with Cordova
body: <p>All I'm trying to do is display the following image with the source set to an external location (AWS S3) in an iOS emulator using Ionic/Cordova/Angular:</p>
  
  <pre><code>&lt;img src="https://miyagi-photos.s3.amazonaws.com/madeline-profile"/&gt;
  </code></pre>
  
  <p><br />
  <strong>I've tried the following:</strong></p>
  
  <p>1) Added AmazonAWS to Cordova's whitelist, but I'm pretty it's already covered by the first line:</p>
  
  <pre><code>&lt;access origin="*"/&gt; &lt;!-- existing --&gt;
  &lt;access origin="*.amazonaws.*" /&gt;  &lt;!-- added this --&gt;
  </code></pre>
  
  <p>2) Tried removing the protocol altogether like so:</p>
  
  <pre><code>&lt;img src="miyagi-photos.s3.amazonaws.com/madeline-profile"/&gt;
  </code></pre>
  
  <p>3) Tried using a different image from a standard http protocol:</p>
  
  <pre><code>&lt;img src="http://upload.wikimedia.org/wikipedia/en/b/b1/Portrait_placeholder.png"/&gt;
  </code></pre>
  
  <p>4) Tried using ng-src instead of src:</p>
  
  <pre><code>&lt;img ng-src="https://miyagi-photos.s3.amazonaws.com/madeline-profile"/&gt;
  </code></pre>
  
  <p><br />
  <strong>Full Page for Reference:</strong></p>
  
  <pre><code>&lt;ion-view class="has-header" view-title="Create Class"&gt;
    &lt;ion-content&gt;
      &lt;form&gt;
        &lt;div&gt;
          &lt;label for="ClassName"&gt;Class Name: &lt;/label&gt;
          &lt;input type="text" name="name" ng-model="classInformation.name" required&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="ClassPhoto"&gt;Class Photo: &lt;/label&gt;
          &lt;div class="button" ng-file-select ng-file-change="upload($files)" ng-multiple="multiple"&gt;Select File&lt;/div&gt;
          &lt;img src="https://miyagi-photos.s3.amazonaws.com/madeline-profile" height="150px"/&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="description"&gt;description: &lt;/label&gt;
          &lt;input type="text" name="description" ng-model="classInformation.description" required&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="rate"&gt;rate: &lt;/label&gt;
          &lt;input type="text" name="rate" ng-model="classInformation.rate" required&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="date"&gt;date: &lt;/label&gt;
          &lt;input type="text" name="date" ng-click="setDate()" ng-model="classInformation.date" required&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="time"&gt;time: &lt;/label&gt;
          &lt;input type="text" name="time" ng-click="setTime()" ng-model="classInformation.time" required&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;label for="location"&gt;location: &lt;/label&gt;
          &lt;input type="text" name="location" ng-model="classInformation.location" required&gt;
        &lt;/div&gt;
  
        &lt;button type="submit" value="Submit" ng-click="createClass()"&gt;Create Class&lt;/button&gt;
      &lt;/form&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>