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="mainController">
    <div ng-controller="userController">
        {{name.first}}
    </div>
    <div ng-controller="adminController">
        {{name.first}}
    </div>
</div>

JavaScript

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

app.controller('mainController', function ($scope) {
    $scope.name = {first: ''};
})
.controller('userController', function ($scope, $timeout) {
    $timeout(function(){
        $scope.name.first = 'Alice';
    }, 1000);
})
.controller('adminController', function ($scope, $timeout) {
    $timeout(function(){
        $scope.name.first = 'Martin';
    }, 2000);
});