如何使用AngularJS禁用按钮？

有时我们需要禁用按钮，单击事件上的链接。在本文中，我们将看到如何在AngularJS的帮助下做到这一点。

方法：

• 方法是使用ng-disabled指令禁用特定按钮。
• 在第一个示例中，单击可禁用单个按钮，而在第二个示例中，单击可禁用多个按钮。

范例1：

HTML

 
 
  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function($scope) {
            $scope.disabledFlag = false;
            $scope.disableIt = function() { 
                $scope.disabledFlag = true;
            };
        });
    

  

      
        GeeksForGeeks  
    
  
      
    
        Disable the button in AngularJS
    
  
      
        
            
                Click to disable
            
        
    
   
  

输出：

范例2：

的HTML

 
 
  

    
    
  
    
        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;
            };
        });
    

  

      
        GeeksForGeeks  
    
  
    
        Disable the button in AngularJS
    
  
      
        
            
                disable it
            
            
                disable it
            
            
                disable it
            
            
            
            
                disable All
            
        
    
   
  

输出：