AngularJS Example:

demo of issue with $resource

by jbliss1234

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-resource.min.js"></script>
<div ng-app="ToDoApp">
    <div ng-controller="TodoCtrl">
         <h1>{{msg}}</h1>

        <table class="table table-striped table-condensed table-hover">
            <thead>
                <th>Email</th>
                <th>First Name</th>
                <th>Last Name</th>
            </thead>
            <tbody>
                <tr ng-repeat="item in items">
                    <td>{{item.Email}}</td>
                    <td>{{item.FirstName}}</td>
                    <td>{{item.LastName}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

CSS

http://twitter.github.com/bootstrap/assets/css/bootstrap.css

JavaScript

angular.module("ToDoApp", ["ngResource"]);

function TodoCtrl($scope, $resource) {
    $scope.svc = $resource('http://testv1.cloudapp.net/test.svc/persons', {
        callback: 'JSON_CALLBACK'
    }, {
        get: {
            method: 'JSONP',
            isArray: true
        }
    });
    $scope.items = $scope.svc.get();    
    $scope.msg = "Hello World";
}