Services example in AngularJS

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
    var app = angular.module("MyApp", []);
    app.controller("MyController", ['$scope', 'CustomerService', 'CustomerFactory', function ($scope, customerService, customerFactory) {
        $scope.Customers = customerService.Customers();
        $scope.Name = customerFactory.Name;
        $scope.Country = customerFactory.Country;
    } ]);
    app.service("CustomerService", function ($http) {
        this.Customers = function () {
            return [{ CustomerId: 1, Name: "John Hammond", Country: "United States" },
                    { CustomerId: 2, Name: "Mudassar Khan", Country: "India" },
                    { CustomerId: 3, Name: "Suzanne Mathews", Country: "France" },
                    { CustomerId: 4, Name: "Robert Schidner", Country: "Russia"}];
        }
    });
    app.factory('CustomerFactory', function () {
        var customer = { CustomerId: 1, Name: "John Hammond", Country: "United States" };
        return customer;
    });
</script>
<div ng-app="MyApp" ng-controller="MyController">
    <table border="1" cellpadding="1" cellspacing="1">
        <tr>
            <th>Customer Id</th>
            <th>Name</th>
            <th>Country</th>
        </tr>
        <tbody ng-repeat="m in Customers">
            <tr>
                <td>{{m.CustomerId}}</td>
                <td>{{m.Name}}</td>
                <td>{{m.Country}}</td>
            </tr>
        </tbody>
    </table>
    <br />
    Name : <b>{{Name}}</b>
    <br />
    Country : <b>{{Country}}</b>
</div>