AngularJS Example

for http://stepansuvorov.com/blog/

by Stepan Suvorov

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"></script>
<div ng-controller="userController"></div>

JavaScript

var app = angular.module('foo', [])

app.controller('userController', function ($scope, nameStorage) {    
    $scope.name = nameStorage.name;
    alert($scope.name.first + ' ' + $scope.name.last);
    setTimeout(function () {
        alert($scope.name.first + ' ' + $scope.name.last);
    });
})
    .service('nameStorage', function () {
    this.name = {
        first: 'Alice',
        last: 'Green'
    };
    
    //just to inimitate sevice change    
    var self = this;   
    setTimeout(function () {
        self.name.first = 'Bob';
    });
});