如何根据 AngularJS 中复选框的状态禁用按钮？

在本文中，我们将学习根据 Angular 中的复选框状态禁用按钮。我们将使用名为ng-disabled的 Angular JS 指令通过取消选中该框来禁用该按钮。请参考 AngularJS ng-disabled 指令。

ng-disabled 指令用于启用或禁用 HTML 元素。如果 ng-disabled 指令中的表达式返回 true，则 HTML 元素将被禁用，反之亦然。

方法：在此示例中，我们采用了一个复选框，并基于该复选框，我们正在检查是否启用或禁用提交按钮。这里 ng-model 指令用于将复选框与提交按钮绑定，而 ng-disabled 指令用于处理禁用或启用操作。

在这里，如果复选框被选中，它将返回 TRUE，并且 TRUE 将被传递给 ng-disabled 指令。结果，提交按钮将被禁用，但我们需要在选中复选框时启用它。因此，为此，我们需要在 ng-disabled 指令处进行 NOT 操作，以便每当复选框返回 TRUE 时，将转到 ng-disabled 指令的值将是 FALSE，以便启用提交按钮。

例子：

HTML

  

  
    
    
    

  

  
    
    
  
        
        
        I agree with the Terms and Conditions
        
  
        
        Submit
    

  

输出：