title: Access compiled ng-repeat children elements in link function of a custom directive
body: <p>I want to get ng-repeat children elements of a parent container in my custom directive's link function. I expect <em>element</em> parameter passed in <em>link</em> function should do the job. Something like this</p>
  
  <pre><code>element.children() // gets all children elements
  </code></pre>
  
  <p>instead I've got text node 
      <code>&lt;!-- ngRepeat: course in courses --&gt;</code></p>
  
  <p>This is my directive element:</p>
  
  <pre><code>&lt;course-list courses="courses"&gt;&lt;/course-list&gt;
  </code></pre>
  
  <p>and here is the directive implementation </p>
  
  <pre><code>angular.module('pgCoursesList', [])
  .directive('coursesList', [
      function() {
          return {
              restrict: 'E', 
              scope: {
                  courses: '=',
                  buttonText: '@'
              },
              template: '&lt;div class="courseslist-container"&gt;' +
                      '&lt;div ng-repeat="course in courses" class="media"&gt;' +
                          '&lt;div class="media-left"&gt;&lt;a class="img-thumb-64 blank-thumb-img" href="#"&gt;64x64&lt;/a&gt;&lt;/div&gt;' +
                          '&lt;div class="media-body clearfix"&gt;' +
                              '&lt;h4 class="media-heading pull-left"&gt;{{course.name}}&lt;/h4&gt;' +
                          '&lt;/div&gt;' +
                          '&lt;div class="media-left"&gt;&lt;button btn-style="btn-success"&gt;&lt;/button&gt;&lt;/div&gt;' +
                          '&lt;hr /&gt;' +
                      '&lt;/div&gt;' +
                  '&lt;/div&gt;',
              replace: true,
              link: function(scope, elem) {
                  // elem.children()   
              }
          };
      }
  ]);
  </code></pre>