Blog- AngularJS-Simple-service

by Victa

HTML

<div ng-app="myApp">
    <div ng-controller="ControllerA">{{ message }}
        ControllerA.message = {{message.hello}}<br/>
        <input type="text" ng-model="message.hello"/>
    </div>
    <hr/>
    <div ng-controller="ControllerB">{{ message }}
        ControllerB.message = {{message.hello}}<br/>
        <input type="text" ng-model="message.hello"/>       
    </div>
</div>

JavaScript

angular.module('myApp', [])
    .factory('myService', function($q, $timeout) {
        var service = {
            message:{}
        };
        (function getMessage(){
            $timeout(function() {
                service = {
                    message:{
                        hello: 'Hello world!'
                    }
                };
            }, 2000);
        })();
       return service;
    })

function ControllerA($scope, myService) {
    $scope.message = myService.message;
}
    
function ControllerB($scope, myService) {
    $scope.message = myService.message;
}