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 ng-controller="nameController">
    </div>
</div>

JavaScript

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

app
.controller('userController', function ($scope) {
    $scope.name = 'Bob' ;
    alert($scope.name);
    setTimeout(function(){
      alert($scope.name);
    }, 500);
    
    $scope.setName = function(name){
        $scope.name = name;
    };
    
})
.controller('nameController', function ($scope) {
   setTimeout(function(){
      $scope.setName('Alice');
    });
});