angular-timer/examples/angularjs-single-timer.html at master · papasax/angular-timer · GitHub

38 lines (35 loc) · 1.2 KB

<!DOCTYPE html>

<html>

<head>

<title>AngularJS Example - Single Timer Example</title>

angular.module('MyApp', ['timer']);

function MyAppController($scope) {

$scope.timerRunning = true;

$scope.startTimer = function (){

$scope.$broadcast('timer-start');

$scope.timerRunning = true;

};

$scope.stopTimer = function (){

$scope.$broadcast('timer-stop');

$scope.timerRunning = false;

};

$scope.$on('timer-stopped', function (event, data){

console.log('Timer Stopped - data = ', data);

});

}

MyAppController.$inject = ['$scope'];

</script>

</head>

<h1>AngularJS - Single Timer Example</h1>

<button ng-click="startTimer()" ng-disabled="timerRunning">Start Timer</button>

<button ng-click="stopTimer()" ng-disabled="!timerRunning">Stop Timer</button>

</div>

<br/>

</body>

</html>

Expand file tree