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
}

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

1 个答案: