Angular - ng-disabled + ng-click test

Angular JS

by Zuhaib Siddiqui

HTML

<div ng-app="MyApp" class="well" ng-controller="mainController">
    <h4>Click me to toggle: <input type="checkbox" ng-model="Zchecked"></h4>
    <a class="btn btn-primary" ng-disabled="checked" ng-click="handleAnchorClick()">ANCHOR</a>
    <button class="btn btn-primary" ng-disabled="Zchecked" ng-click="handleButtonClick()">BUTTON</button>
    <hr/>
    <p>Anchor Clicks: {{anchorClicks}}</p>
    <p>Button Clicks: {{buttonClicks}}</p>    
</div>

JavaScript

var app = angular.module("MyApp", []);
app.controller("mainController",function ($scope) {
    $scope.anchorClicks = 500;
    $scope.buttonClicks = 0;
    $scope.handleAnchorClick = function() {
        $scope.anchorClicks--;
    };
    $scope.handleButtonClick = function() {
        $scope.buttonClicks++;
    };
    
});