Angular $resource Example

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular-resource.js"></script>
<div ng-app="myApp">
<div class="container" ng-controller="weather">
    <ul>  
        <li ng-repeat="a in weather.list">
            {{a.dt_txt}} - {{ a.main.temp_min }} - {{ a.main.temp_max }}
        </li>
    </ul>
</div>
</div>

JavaScript

var myApp = angular.module('myApp', ['ngResource']);

myApp.config(function($httpProvider){
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

myApp.controller('weather',['$scope','$resource',function($scope, $resource) {
    var weather = $resource('http://posttestserver.com/data/');
    $scope.weather = weather.get();
}]);