如何禁用或启用angularjs上的按钮？

我在表单中使用了2个按钮。我想在初始化时禁用按钮1，尽管我已经给出了

ng disabled=“true”

，但每当用户单击按钮2时，按钮1就会被启用。有人能告诉我如何在angularjs中执行此操作吗？

使用范围变量并将其分配给

ng disabled

角度模块（“应用程序”，[]） .controller（“ctrl”，函数（$scope）{ $scope.firstBtn=true； $scope.secondBtn=false； })

一
二

您可以单击第二个按钮调用一个函数，并将

ng disabled

值设置为

false

演示

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'MyCtrl'，函数（$scope）{
$scope.inactive=true；
$scope.enableButton1=函数（）{
$scope.inactive=false；
}      
});





如果不使用控制器内的scope变量，则无需在控制器中执行任何操作

所以，只要做一些类似的事情：


angular.module（“app”，[]）.controller（“ctrl”，function（$scope）{}）

一
二
非常简单，如下所示：

JS

var app = angular.module('myApp', []);
app.controller('ctrl', function($scope) {
  $scope.isDisabled = true;
  $scope.toggleButton = function() {
    $scope.isDisabled = !$scope.isDisabled;
  }
});

HTML

<div ng-app='myApp'>
  <div ng-controller='ctrl'>
    <button ng-click='toggleButton()'>
      Toggle
    </button>
    <button ng-disabled='isDisabled'>
      I am button
    </button>
  </div>
</div>


切换
我是巴顿

这里是jsfiddle链接
向我们展示您的代码