仅对ng-repeat的特定实例禁用按钮

Question

我在包含按钮的ng-repeat上有div。假设div用5个按钮重复了5次。我想在单击第二按钮时禁用它。如何禁用该索引处的按钮？

<div ng-repeat='thing in things'> <button ng-click='clickToDisable($index)'>button</button> </div>

类似这样的事情。我尝试了ng-disabled= 'disableButton == $index，但这只是禁用了所有按钮。

Answer 1

您可以将$event传递到click函数中，并将Disabled属性设置为true，如下所示：

<div ng-repeat='thing in things'>
  <button ng-click='clickToDisable($event)'>button</button>
</div>

在控制器中：

$scope.clickToDisable = function(evt) {
    evt.currentTarget.setAttribute('disabled', 'true');
}

这里有fiddle个在起作用。