AngularJS |禁用ng的指令

AngularJS中的ng-disabled指令用于启用或禁用HTML元素。如果ng-disabled属性内的表达式返回true，则form字段将被禁用，反之亦然。它通常应用于表单字段(输入，选择，按钮等)。

句法：

 Contents... 

示例1：本示例使用ng-disabled指令禁用按钮。

      

    ng-disabled Directive
  
    
    

  

      
    GeeksforGeeks
      
    ng-disabled Directive
      
    
        
            Click to Disable
        
          
        
            Click to Enable
        
    
      
    
        var app = angular.module("app", []);
        app.controller('app', ['$scope', function ($app) {
            $app.geek = function (disable) {
                $app.disable = !disable;
            }
        }]);
    

  

输出：
在单击按钮之前：

单击按钮后：

示例2：本示例使用ng-disabled指令启用和禁用复选框的按钮。

      

    ng-disabled Directive
  
    
    

  

      
    GeeksforGeeks
      
    ng-disabled Directive
      
    
        
            Check it 
            
        
          
        
            Click to submit
        
    
      
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.disableClick = function (isDisabled) {
            $scope.isDisabled = !isDisabled;
            }
        }]);
    

  

输出：
在单击按钮之前：

单击按钮后：