title: Angular toggle filter in ng-repeat
body: <p>I'm trying to display some data using a <code>ng-repeat</code>. I want to have a filter on the displayed data and when I click on a specific item the filter should be removed. When I click again on that specific item, the filter should be added again.</p>
  
  <p>I've started with an idea, in my view I have:</p>
  
  <pre><code>&lt;ion-item class="row" ng-repeat="t in tickets"&gt;
      &lt;div class="col" ng-click="toggleFilter(t.name)"&gt;{{t.name}}&lt;/div&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>In my controller:</p>
  
  <pre><code>.controller('TicketCtrl', function ($scope, $filter) {
      $scope.toggleFilter = function (name) {
          name = $filter('getSlice')(name);
          alert(name);
      }
  });   
  </code></pre>
  
  <p>When I alert the <code>name</code> it gives the correct filtered item, but it's not updating in the view. I think this has to do something with a child scope of the <code>ng-repeat</code>, but I don't know how to do this with toggling a filter.</p>
  
  <p>Does anyone has any suggestions or a solution to solve this problem?</p>