title: Resize on ng-repeat filter
body: <p>I currently have an AngularJS application embedded in an iframe which needs to be resized to avoid scrollbars. I've got a function in the app that calculates the height of the container and then resizes the iframe.</p>
  
  <p>Currently I am using a directive (resizeAppPart) which will call the resize function on the last item in the scope.</p>
  
  <p>Directive:</p>
  
  <pre><code>app.directive('resizeAppPart', function () {
    return function (scope, element, attrs) {
      if (scope.$last) {
        Communica.Part.adjustSize();
      }
    }
  });
  </code></pre>
  
  <p>Layout:</p>
  
  <pre><code>&lt;tr ng-repeat="task in filteredTasks = (tasks | filter:filters)" resize-app-part&gt;                    
    &lt;td&gt;&lt;a href="{{spConfig.spHostUrl}}{{task.visit.ServerRelativeUrl}}/Lists/Actions/DispForm.aspx?ID={{task.Id}}"&gt;{{task.Task_x0020_Title}}&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span ng-repeat="user in task.assignees" ng-show="user.Title != ''"&gt;
    ...
  &lt;/tr&gt;
  </code></pre>
  
  <p>This works on the initial load but if I filter the list using any of the search boxes, the directive doesn't run so you either end up with a scrollbar or a few thousand pixels of whitespace - neither are ideal.</p>
  
  <p>Is there a way to call the directive, or even the function directly, after the table is filtered?</p>