Waiting Test

by rikboeykens

HTML

<div ng-controller="TestCtrl">
    <input type="button" ng-click="longFunction()">Click Here</input>
    <p>{{waiting}}</p>
</div>

JavaScript

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

app.service('testService', function(){
    this.longFunction=function(){
        for (var i=0; i<1000000000;i++){
            
            
        }
    }
});

function TestCtrl($scope, testService)
{
    $scope.$apply(function(){$scope.waiting="not waiting";});
    $scope.longFunction = function(){
        $scope.waiting="waiting";
        testService.longFunction();
        $scope.waiting="not waiting";
    }
}