title: Remove item from list after filtering
body: <p>I have the following issue:</p>
  
  <p>I've create a list that allow the user to delete an item from list, as following:</p>
  
  <p><img src="https://i.stack.imgur.com/WkqDS.png" alt="enter image description here"></p>
  
  <p>When user click on trash icon, the item is removed normally.
  The problem is when the user uses the filter on top.</p>
  
  <p><img src="https://i.stack.imgur.com/mAiYi.png" alt="enter image description here"></p>
  
  <p>In that case, if I delete the number 6565 (index 4 in original list, 1 on filtered list), the item deleted is on index 1 on original list, resulting on delete the register with number #564456</p>
  
  <p>This is my delete call on click:</p>
  
  <pre><code> $scope.deleteOwn = function (uuid) {
      console.log(uuid);
      var coupon = $scope.ownsCoupons[uuid];
      Coupon.delete({'id' : coupon.uuid}, function () {
          $scope.ownsCoupons.splice(uuid, 1);
      });
  }
  </code></pre>
  
  <p>And this is my html template:</p>
  
  <pre><code>&lt;td&gt;&lt;a href="" &gt;&lt;i class="icon-trash" ng-click="deleteOwn($index)"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>I also try to use the code: <code>$scope.ownsCoupons.splice(coupon, 1);</code>without success.</p>
  
  <p>Does anyone know how to fix that?</p>
  
  <p>I've coded using the following reference: <a href="https://stackoverflow.com/questions/14250642/angularjs-how-to-remove-and-item-from-scope">AngularJS How to remove an Item from scope</a></p>
  
  <p><strong>[EDIT]</strong></p>
  
  <p>I've created a Plunker to this: <a href="http://plnkr.co/edit/Fhxp6uZyTJCY05CAQ7yA?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/Fhxp6uZyTJCY05CAQ7yA?p=preview</a></p>