title: $http.get returns zero on IOS emulation
body: <p>I want to make a webapp by using the Angular and Cordova frameworks. Now I have everything up and running, but  I want to fetch a json feed by the $http.get method. In my browser it fetches the json object perfectly, but on my emulated IOS it returns zero.</p>
  
  <p>I read something about an update with Cordova 4.0, which tells me to update whitelist (Cordova plugin whitelist) with domains which I connect to, but it looks like I am missing something. My config.xml contains the following configurations:</p>
  
  <pre><code>&lt;allow-intent href="http://*/*"/&gt;
  &lt;allow-intent href="https://*/*"/&gt;
  &lt;allow-navigation href="http://*/*"/&gt;
  </code></pre>
  
  <p>My index.html is as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html /&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script type="text/javascript" src="assets/javascript/libs/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/libs/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/libs/angular-route/angular-route.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/libs/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/libs/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
  &lt;script src="assets/javascript/libs/ngCordova/dist/ng-cordova.js"&gt;&lt;/script&gt;
  &lt;script src="cordova.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/application/init.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/navigation/navigation.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/javascript/news/news.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="assets/css/default.css"/&gt;
  &lt;meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; connect-src http://localhost/path-to-site"&gt;
  &lt;/head&gt;
  &lt;body ng-app="mk"&gt;
      &lt;nav-bar&gt;&lt;/nav-bar&gt;
      &lt;div class="main-container"&gt;
          &lt;div class="wrapper"&gt;
              &lt;nav&gt;&lt;/nav&gt;
              &lt;div class="view-animate-container"&gt;
                  &lt;ng-view class="view-animate"&gt;&lt;/ng-view&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>My homepage html is as follows:</p>
  
  <pre><code>&lt;div ng-controller="homeNewsCtrl"&gt;
      &lt;div ng-repeat="item in homenewsitems track by $index"&gt;
          &lt;a class="newsitem" ng-href="#/newsitem?id={{item.ID}}"&gt;
              &lt;div class="newsimage" style="background-image: url('{{item.featured_image.source}}');"&gt;&lt;/div&gt;
          &lt;h2 ng-bind-html="item.title"&gt;&lt;/h2&gt;
  
          &lt;p class="meta"&gt;{{item.date | date:'dd-MM-yyyy / hh:mm'}}&lt;/p&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;a class="read-more" ng-click="loadMore(1)"&gt;Meer nieuws laden&lt;/a&gt;
  </code></pre>
  
  <p></p>
  
  <p>And my controller is as follows:</p>
  
  <pre><code>app.controller('homeNewsCtrl', function ($scope, $http) {
  
      $http.get('http://domain/wp-json/posts').then(function (response) {
          $scope.homenewsitems = response.data;
          console.log(response);
      }, function error(response) {
          alert(response.data);
      });
  
      $scope.count = 1;
  
      $scope.loadMore = function (counter) {
          $scope.count += counter;
          $http.get('http://domain/wp-json/posts?page=' +         $scope.count).then(function (response) {
              $scope.homenewsitems.push.apply($scope.homenewsitems,     response.data);
          }, function error(response) {
              alert(response.status)
          });
      };
  });
  </code></pre>