Отключение кнопки только для конкретного экземпляра ng-repeat

Question

У меня есть ng-repeat на div, который содержит кнопку. Скажем, div повторяется 5 раз с 5 кнопками. Я хочу отключить 2-ю кнопку, когда она нажата. Как я могу отключить кнопку с этим индексом?

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

Как то так. Я попытался ng-disabled= 'disableButton == $index, но это просто отключает все кнопки.

Answer 1

Вы можете передать $event в функцию щелчка и установить для атрибута 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');
}

Вот скрипка , которая работает.