how to properly make a counter angularjs

Question

im trying to make a counter in angularjs, then I'll do something else with this counter, but I need the counter to work first with a var, the problem with this is that the var is not being updated :S, this will be a more complex component so I need it to be a var that can be shown as {{Var}}.

this is how I call the directive on the html

<div test-directive var="5">-</div>

this is the js directive, I tried with link and controller

    app.directive('testDirective',function(){
  return{
    template: '<div> -> {{myLocalVar}} <- </div>',
    scope:{
      specialVar: '=var'
    },
    link: function($scope,element,attributes){
      //console.log($scope.specialVar);
      $scope.myLocalVar = $scope.specialVar;
      //$scope.myLocalVar +=1 ;
      function doThis(){
        $scope.myLocalVar +=1 ;
        //$scope.$digest();
        console.log('in');
        if($scope.myLocalVar < 10){
          setTimeout(function(){doThis();}, 1000);
        }
      }
      doThis();
      //console.log($scope.myLocalVar);
    }
  };
});

Thanks by the help

here is a suggestion: code-maven.com/simple-in-memory-counter-with-angularjs — Kobi Cohen
– Kobi Cohen, Commented May 5, 2016 at 15:37
Perhaps it's an error in my system but I still can't access it. — Pratik Bhattacharya
– Pratik Bhattacharya, Commented May 5, 2016 at 15:51
@PratikBhattacharya I can acces the llink, but I think I need something a little different, gonna try with that example — Angel Romero Herrera
– Angel Romero Herrera, Commented May 5, 2016 at 15:55

Eugene Hype · Accepted Answer · 2016-05-05 16:19:28Z

1

Try to wrap changes in $apply method callback:

$scope.$apply(function(){
        $scope.myLocalVar +=1;
  });

answered May 5, 2016 at 16:19

Eugene Hype

675 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to properly make a counter angularjs

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related