单击时禁用角度按钮

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提出的更改。 我不是特别喜欢这个命名约定，但应该可以工作。