在AngularJS

时间:2015-08-12 07:09:01

标签: angularjs angularjs-scope angularjs-ng-repeat angularjs-routing

我使用的是UI-Router的AngularJS应用。在那里,我想在开头禁用提交按钮,并在用户单击特定的另一个按钮后启用它。 (尝试使用ng-disabled)。

2 个答案:

答案 0 :(得分:2)

为此,您可以按照说法使用ng-disabled

在您的HTML上,您将有2个按钮。第一个假设禁用另一个。这个将有ng-click来更改ng-disabled中使用的布尔值。

  <button ng-click="disable()">Disable</button>
  <button ng-disabled="isDisabled">Submit</button>

然后在你的控制器中:

$scope.isDisabled = true;

$scope.disable = function(){
  $scope.isDisabled = !$scope.isDisabled;  
}

Working Fiddle

答案 1 :(得分:2)

控制器设置初始范围变量

中的

$scope.isDisabled= true;

在html文件中

<button ng-disabled="isDisabled">Submit Button</button>

并点击另一个按钮将其值设置为false

 $scope.another_btn_click = (function(){      
   $scope.isDisabled= false;
 });