在角禁用按钮点击
问题描述:
时,我发现了一个教程,我选中复选框,并在旁边的按钮已被禁用在角禁用按钮点击
<input type = "checkbox" ng-model = "enableDisableButton">Disable Button <br>
<button ng-disabled = "enableDisableButton">Click Me!</button>
但我不希望复选框。当按钮被点击时,我希望它被禁用。例如,它只能被点击一次。但没有复选框。
我该怎么做?
答
试试这个:
<button ng-disabled = "enableDisableButton" ng-click="enableDisableButton=true">Click Me!</button>
答
在你的控制器创建控制按钮的状态。
像
$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问的变化。 我不特别喜欢这个命名约定,但应该工作。
在ng-click上已经有了一个函数。目前的功能是ng-click ='startTimer()' – asax
请发布您正在使用的实际代码,以便我们提供帮助。 –