ionic ngResource returning nothing

I am trying to simply connect to valves API using a an example endpoint they have on their documentation. The following is the two different ways I have tried to get the data.

.controller('APICtrl', function($scope, $resource) {
     var svc = $resource('http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=440&count=3&maxlength=300&format=json');
     $scope.data = svc.query(function(){
         console.log(svc);
     });
     console.log(svc);
})

And here is the more basic attempt without ngResource

.controller('APICtrl', function($scope, $http) {
    // Simple GET request example :
    $http.get('http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=440&count=3&maxlength=300&format=json').
      success(function(data, status, headers, config) {
          console.log(data, status, headers, config);
        // this callback will be called asynchronously
        // when the response is available
      }).
      error(function(data, status, headers, config) {
          console.log(data, status, headers, JSON.stringify(config));
        // called asynchronously if an error occurs
        // or server returns response with an error status.
      });
})

Now the first one simply outputs [] as if nothing is there, the second outputs this

Note! that this url works on a browser! http://api.steampowered.com/ISteamNews/GetNewsForApp/v0002/?appid=440&count=3&maxlength=300&format=json

Edit So after giving up for the night I rand build for android without livereload to mess around on the app before going to bed and noticed that as soon as I did that everything started working, is there a way to enable livereload with http.get or resource?