在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

您应该在“ added”或“ remove”之类的属性中添加一些属性，然后才能检查添加的内容是否为true或remove是否为true

<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
}