在角禁用按钮点击

Question

时，我发现了一个教程，我选中复选框，并在旁边的按钮已被禁用

<input type = "checkbox" ng-model = "enableDisableButton">Disable Button <br> 
<button ng-disabled = "enableDisableButton">Click Me!</button> 

但我不希望复选框。当按钮被点击时，我希望它被禁用。例如，它只能被点击一次。但没有复选框。

我该怎么做？

Answer 1

试试这个：

<button ng-disabled = "enableDisableButton" ng-click="enableDisableButton=true">Click Me!</button> 

Here's a fiddle

Answer 2

在你的控制器创建控制按钮的状态。

像

$scope.buttonDisabled = false; 

$scope.startTimer = function() 
{ 
    $scope.buttonDisabled = true; 
    --anything else you need to do 
} 

在你的HTML：

<button ng-disabled="buttonDisabled" ngclick="startTimer();" >Click Me!</button> 

我完全不知道你是怎么想这在你的应用程序的上下文功能，但是这应该是足以让你开始。您可以以任何您需要的方式修改该方法，也可以在需要时将该状态作为参数传递。

编辑

修改，以反映由OP问的变化。 我不特别喜欢这个命名约定，但应该工作。