Angular JS $apply

by uftHelp

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app="MyApp" ng-controller="AppCtrl">
<div >{{name}}</div>

JavaScript

//Define MyApp module
var app = angular.module("MyApp", []);

//Define controller
app.controller("AppCtrl",['$scope','$timeout', function($scope, $timeout) {
    $scope.name="Title";
       
        //Angular JS automatically calls $apply internally
       setTimeout(function () {
            $scope.$apply(function () {
                $scope.name = "UFT";
            });
        }, 2000);
    
    //Angular JS automatically calls $apply internally
    $timeout(function(){
        $scope.name = "User Functiona Techy Help!";
    },4000);
    
    
}]);