AngularJS querySelector не работает с ng-repeat

Помогите понять, почему этот код не работает:

HTML:

<my-widget>
  <ul class="list">
      <li class="item"
          ng-repeat="item in items">
        <div class="bar">
          <div class="bar-fill">DATA</div>
        </div>
      </li>
  </ul>  
</my-widget>

JS:

   var myApp = angular.module('myApp', []);
    myApp.directive('myWidget', function($timeout) {
        return {
            restrict: 'E',
            link: function ($scope, $el, $attrs) {
            $timeout(function(){
                var elem = $el[0].querySelectorAll('.item');
                console.log(elem)
            })
            }
        };
    });

Пример:
http://jsfiddle.net/IvanSoputnyak/xfk52ho0/

Пробовал ставить таймаут - не помогает, но если убираю ng-repeat в разметке, все работает.
Какие есть решения данной проблемы?