increment counter in angularjs

increment counter in angularjs

Hello everyone, I am going to share the code sample with live demo example for Increment counter on clicking on buttons as given below.

The AngularJs code sample

In the angular section, we are using the angular reference file only and ng-app is used as default.

The HTML code sample

<body ng-app>
    <button ng-click="count = count + 2" ng-init="count=3">
        Click for Increment Counter
    </button>
    <h2>
        Total Count: {{count}}
    </h2>
</body>

The full live demo example code as given below

<!doctype html>
<html>
<head>
    <title>Example - www.code-sample.com</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular.min.js"></script>
</head>
<body ng-app>
    <button ng-click="count = count + 2" ng-init="count=3">
        Click for Increment Counter
    </button>
    <h2>
        Total Count: {{count}}
    </h2>
</body>
</html>
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
My Blogs - https://code-sample.com and https://code-sample.xyz
My Book1 - BEST SELLING ANGULAR BOOK (INCLUDING ALL VERSIONS 2, 4, 5, 6, 7)
My Book2 - ANGULAR 2 INTERVIEW QUESTIONS BOOK - Both Books are Available on WorldWide.

www.code-sample.com/. Powered by Blogger.