顯示/隱藏按鈕onclick在重復內的ng-repeat中

Question

如何在第二次重復中訪問和顯示/隱藏確切的按鈕？

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

例如，我有3個人和4張不同的門票。 當某人單擊按鈕時，我要添加該人的單擊的票證。

現在，當我單擊添加按鈕時，它會添加所有人員的單擊的票證：(

提前致謝！

Answer 1

我不確定（您的問題不太清楚），但是，也許您也可以將該人傳遞給您的職能？

例：

$scope.people = [{
        name: 'Jhon Snow',
      tickets: [{
        name: 'ticket1',
        added: false
      }, {
        name: 'ticket2',
        added: false
      }]
    }, {
        name: 'Peter Parker',
      tickets: [{
        name: 'ticket3',
        added: false
      }, {
        name: 'ticket4',
        added: false
      }]
    }];    

    $scope.add = function (ticket) {
        ticket.added = true;      
    }

    $scope.remove = function (ticket) {
        ticket.added = false;
    }

和html：

<div class="row" ng-repeat="person in people">
  {{ person.name}}
  <div class="row" ng-repeat="ticket in person.tickets">
    - {{ ticket.name }}
     <button type="button" ng-if="!ticket.added" ng-click="add(ticket)">+</button>
     <button type="button" ng-if="ticket.added" ng-click="remove(ticket)">-</button>
  </div>
</div>

您可以在此處查看一個有效的示例