title: how to exec js after AngularJS ng-repeat finished
body: <p>I'm new to AngularJS. I want to use <code>ng-repeat</code> to render a list of data.</p>
  
  <p>Each of the data should have a <code>&lt;abbr class="timeago" title="2012-10-10 05:47:21"&gt;&lt;/abbr&gt;</code> alike after rendered. And then I could use jquery plugin <code>timeago</code> to turn it into human friendly text <code>about 1 hour ago</code>.</p>
  
  <p>My code is as below. But it take no effect. Please help.</p>
  
  <p><strong>EDIT: My problem is that, I can get the right html rendered. But code in <code>directive</code> do not run.</strong></p>
  
  <p>the html:</p>
  
  <pre><code>&lt;div ng-app='weiboApp' ng-controller="WeiboListCtrl"&gt;
  &lt;table&gt;&lt;tbody&gt;
  &lt;tr ng-repeat='w in weibo' weiboLister='w'&gt;
    &lt;td&gt;{{ w.text }}&gt;&lt;/td&gt;
    &lt;td&gt;&lt;abbr class="timeago" title="{{ w.created }}"&gt;&lt;/abbr&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;&lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the js:</p>
  
  <pre><code>var module = angular
              .module('weiboApp', [])
              .directive('weiboLister', function () {
                return {
                  restrict: 'A',
                  link: function (scope, element, attr) {
                    scope.watch('w', function (val) {
                      console.log(element); //this never run
                      element.find("abbr.timeago").timeago(); //this never run
                    }, true);
                  }
                }
              });
  
  function WeiboListCtrl($scope, $http) {
    $http.get('/api/weibo/list').success(function(data) {
      $scope.weibo = data;
    });
  }
  </code></pre>