title: Issue with Android Hybid app to display remote image with Ionic framework?
body: <p>I am new to Ionic.
  I am using Ionic Framework (1.3.20), Angular JS, Cordova 5.0.0 </p>
  
  <p><strong>Template file</strong> browse.html code: </p>
  
  <pre><code>&lt;div class="col-50"&gt;&lt;img ng-src="{{availableImages[currentImage].src}}" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>app.js</strong> code:</p>
  
  <pre><code>.state('app.browse', {
      url: "/browse",
      views: {
        'menuContent': {
          templateUrl: "templates/browse.html",
          controller: 'Ctrl'
        }
      }
    })
  </code></pre>
  
  <p><strong>controller.js</strong> code</p>
  
  <pre><code>.controller('Ctrl',function($scope) {
        $scope.currentImage = 0;
        $scope.availableImages = [
          {
            src: "http://lorempixel.com/160/160/people/3"
          }
          ];
        console.log("reading image in controller !!!");
  })
  </code></pre>
  
  <p><strong>Header details</strong>:</p>
  
  <pre><code>Request URL:http://lorempixel.com/160/160/people/3
  Request Method:GET
  Status Code:404 Not Found (from cache)
  Response Headers
  Client-Via:shouldInterceptRequest
  Request Headers
  Provisional headers are shown
  Accept:image/webp,*/*;q=0.8
  User-Agent:Mozilla/5.0 (Linux; Android 5.0.2; XT1033 Build/LXB22.46-28; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/42.0.2311.129 Mobile Safari/537.36
  </code></pre>
  
  <p><strong>Config.xml</strong> file:</p>
  
  <pre><code>  &lt;access origin="*"/&gt;
  </code></pre>
  
  <p><strong>Error</strong> on console:</p>
  
  <pre><code>GET http://lorempixel.com/160/160/people/3 404 (Not Found)
  </code></pre>
  
  <p>I verified the url <a href="http://lorempixel.com/160/160/people/3" rel="noreferrer">http://lorempixel.com/160/160/people/3</a> is showing image in my mobile browser. but the image is not coming on the app.</p>