How can I increment and update button counter in angular JS?

Question

Here it actually increments and once refreshed the values begin from 0.

<div ng-app="myApp" ng-controller="myCtrl">
    <button ng-click=count=count+1>Download</button>
    <p> {{ count }} </p>
</div>

<script>
var  app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope)
        {
    var count=0;
    $scope=count;
        })
</script>
</body>
</html>

I need to increment and update counter.

Thanks in advance.

Manimaran · Accepted Answer · 2018-12-12 13:44:15Z

1

Your code has lot of typo error. Please use the below code to achieve your output

        <div ng-app="myApp" ng-controller="myCtrl">
           <button ng-click="increment()">Download</button>
           <p> {{ count }} </p>
        </div>

       <script>
       var  app=angular.module("myApp",[]);
       app.controller("myCtrl",function($scope){
          $scope.count = 0;
          $scope.increment = function(){
           $scope.count = count+1;
          };
      });
 </script>
 </body>
 </html>

answered Dec 12, 2018 at 13:44

Manimaran

111 bronze badge

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

Comments

Tom Edwards · Accepted Answer · 2018-12-11 13:08:31Z

0

try putting $scope.count = 0; in your controller

answered Dec 11, 2018 at 13:08

Tom Edwards

1241 silver badge13 bronze badges

2 Comments

Vishal Sankar Over a year ago

No effect. Any other possible ways?

Tom Edwards Over a year ago

try putting in the html <button ng-click="myCtrl.count ++">

Collectives™ on Stack Overflow

How can I increment and update button counter in angular JS?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related