html - 仅为 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

你可以传入$eventclick 函数并将 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');
}

这是它的工作原理。