<!DOCTYPE HTML>
<
html
>
<
head
>
<
script
src
=
</
script
>
<
script
>
var myApp = angular.module("app", []);
myApp.controller("controller", function($scope) {
$scope.disabledFlag1 = false;
$scope.disableIt1 = function() {
$scope.disabledFlag1 = true;
};
$scope.disabledFlag2 = false;
$scope.disableIt2 = function() {
$scope.disabledFlag2 = true;
};
$scope.disabledFlag3 = false;
$scope.disableIt3 = function() {
$scope.disabledFlag3 = true;
};
$scope.disabledFlag = false;
$scope.disableIt = function() {
$scope.disabledFlag1 = true;
$scope.disabledFlag2 = true;
$scope.disabledFlag3 = true;
};
});
</
script
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h3
>
Disable the button in AngularJS
</
h3
>
<
div
ng-app
=
"app"
>
<
div
ng-controller
=
"controller"
>
<
button
ng-click
=
'disableIt1()'
ng-disabled
=
'disabledFlag1'
>
disable it
</
button
>
<
button
ng-click
=
'disableIt2()'
ng-disabled
=
'disabledFlag2'
>
disable it
</
button
>
<
button
ng-click
=
'disableIt3()'
ng-disabled
=
'disabledFlag3'
>
disable it
</
button
>
<
br
>
<
br
>
<
button
ng-click
=
'disableIt()'
ng-disabled
=
'disabledFlag'
>
disable All
</
button
>
</
div
>
</
div
>
</
body
>
</
html
>