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