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

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.