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 user name="{{name}}"></div>
</div>

JavaScript

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

app
.controller('userController', function ($scope) {
    $scope.name = 'Bob';
    setTimeout(function(){
      $scope.name = 'Alice';
      $scope.$apply()
    });
})
.directive('user', function () {
    return {
        scope: {
            name: '@'
        },
        link: function(scope){
            alert(scope.name);
            setTimeout(function(){
              alert(scope.name);
            });
        }
    };
});