title: ui-bootstrap pagination with filter
body: <p>after some research and study of examples I implemented a pagniation with a filter function.</p>
  
  <p>Im very new to angular, so I need your help if this application is ok or it has some bugs/logical errors.</p>
  
  <p>The target is to select a collection (in this application load1 or load2) and create new objects, manipulate existing, or delete some of them. On every update of the data, it has to be checked if the pagination is synchronous to the collection size.
  If the user enters something into the search field, a watcher in the controller is fired for updating the filtered data:</p>
  
  <pre><code>$scope.$watch('search.name', function (newVal, oldVal) {
      $scope.filtered = filterFilter($scope.items, {name: newVal});
  }, true);
  </code></pre>
  
  <p>I would be very happy if some of you angular pros can look into this code and give me some feedback. I want to use this in a productive system, so every answer would be great!</p>
  
  <p>Here is a working plunkr: <a href="http://plnkr.co/edit/j9DVahEm7y1j5MfsRk1F?p=preview" rel="nofollow">http://plnkr.co/edit/j9DVahEm7y1j5MfsRk1F?p=preview</a></p>
  
  <p>Thank you!</p>