Показать / скрыть кнопку по щелчку в ng-repeat

Question

Привет, ребята, У меня проблемы с отображением и удалением кнопки в ng-repeat.

<div class="row" ng-repeat="a in b">
   <button type="button" ng-click="add()">+</button>
   <button type="button" ng-click="remove()">-</button>
</div>

это повторяется b раз, я хочу, чтобы была видна только кнопка добавления, и при нажатии я хочу скрыть кнопку добавления и показать кнопку удаления, но только в этой итерации. Я не хочу, чтобы другие повторы были затронуты. Также для удаления кнопки при нажатии я хочу скрыть ее и снова показать кнопку добавления.

Я мог бы сделать это внутри контроллера или встроенного.

Заранее спасибо!

Answer 1

У вас должно быть какое-то свойство типа «добавлено» или «удалить», тогда вы можете проверить, добавлено ли значение «истина» или если удаление имеет значение «истина»

<div class="row" ng-repeat="a in b">
   <button type="button" ng-if="!a.added" ng-click="add(a)">+</button>
   <button type="button" ng-if="a.added" ng-click="remove()">-</button>
</div>

Ваш метод клика будет

function add(x) {
 ... code here
 x.added = true
}