JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="ngToggle">
    <div ng-controller="AppCtrl">
        <button ng-click="disableClick()" ng-disabled="isDisabled" ng-model="isDisabled">Disable ng-click</button>
        
        <span >
            <input type="text" value="asd" ng-disabled="isDisabled">
            <table border="5" ng-disabled="isDisabled"><tr>
                <td>ad</td>
                 <td>ad</td>
            </tr></table>
        </span>
    </div>
</body>

JavaScript

angular.module('ngToggle', [])
    .controller('AppCtrl',['$scope', function($scope){
    $scope.isDisabled = false;
    $scope.disableClick = function() {
        alert("Clicked!");
        $scope.isDisabled = true;
        
    }
}]);