在 ng-repeat 中显示/隐藏按钮 onclick

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
}