Click to Edit with AngularJS

Example 1

HTML

<div ng-app="myApp" ng-controller="addCtrl">
 <h1>Logout</h1>
     <br>
         <div class='form-group'>
         <p> Ur gonna loged out in <span id="countdowntimer">{{timeleft}} </span> seconds</p>
         </div>
     <button type='submit' class='btn btn-primary' ng-click ="logout()" id="close">Okay log me out</button>
     <button type='submit' class='btn btn-primary' ng-click ="cancelLogout()" id="dont">i dont wanna get loged out</button>
    </div>

JavaScript

angular.module('myApp', []).
controller('addCtrl', ['$scope', '$interval', '$http',
function($scope, $interval, $http) {

    $scope.timeleft = 10;
    const downloadTimer  = $interval(() => $scope.timer(), 1000);
    //var downloadTimer = setInterval($scope.timer, 1000);
    $scope.timer = function () {
  $scope.timeleft--;
 // document.getElementById("countdowntimer").textContent = $scope.timeleft;
  if ($scope.timeleft <= 0) 
  {
       $scope.stop();
  }
};

$scope.stop = function()
    {
        //clearInterval(downloadTimer);
         $interval.cancel(downloadTimer);
         $scope.logout();
    }

$scope.cancelLogout = function () 
    {
        //clearInterval(downloadTimer);
        $interval.cancel(downloadTimer);
        //$state.go('main.projectstate');
        $scope.dynamicView = false;
    };


    $scope.logout = function () {
        $interval.cancel(downloadTimer);
        //clearInterval(downloadTimer);
        //userService.benutzer = '';
        //userService.password = '';
        $scope.logedIn = false;
 };

}]);