ng-disabled + ng-click test

by sunil puvvada

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="well" ng-controller="MyController">
    <h4>Click me to toggle: <input type="checkbox" ng-model="checked"></h4>
    {{checked}}
    <a class="btn btn-primary" ng-disabled="checked" ng-click="handleAnchorClick()">ANCHOR</a>
    <button ng-disabled="checked" ng-click="handleButtonClick()">BUTTON</button>
    <hr/>
    <p>Anchor Clicks: {{anchorClicks}}</p>
    <p>Button Clicks: {{buttonClicks}}</p>    
</div>

JavaScript

function MyController($scope) {
    $scope.anchorClicks = 0;
    $scope.buttonClicks = 0;
    $scope.handleAnchorClick = function() {
        $scope.anchorClicks++;
    };
    $scope.handleButtonClick = function() {
        $scope.buttonClicks++;
    };
    
}