title: $compile does not compile directive template with ngRepeat
body: <p>After hour of powergoogle I can not imagine why directive`s template does not compile. </p>
  
  <p>So this is my partial view html: (see the ngRepeat)</p>
  
  <pre><code>&lt;appheader currenttab="currentTab"&gt;&lt;/appheader&gt;
  &lt;div class="l-c-r-panes"&gt;
      &lt;div class="l-pane"&gt;
          &lt;renters&gt;&lt;/renters&gt;
      &lt;/div&gt;
      &lt;div class="c-pane"&gt;
          &lt;div class="form-header" style="position: relative;"&gt;
              &lt;input class="form-control filter-above-table" type="text" ng-model="filter.$" custom-search /&gt;
              &lt;table ng-table="invoiceGrid" class="table" id="invoice-table"&gt;
                  &lt;tr ng-repeat="invoice in $data"
                      ng-click="invoiceGridRowClick(invoice, $data)"
                      ng-class="{'active': invoice.$selected}" invoice-info-tooltip="invoice"&gt;
                      &lt;td class="invoice-num-column" data-title="'Счет'" sortable="'Invoice'" &gt;{{invoice.Invoice}}&lt;/td&gt;
                      &lt;td data-title="'Арендатор'" sortable="'Renter'"&gt;{{invoice.Renter}}&lt;/td&gt;
                      &lt;td class="invoice-sum-column" data-title="'Сумма по счёту'" sortable="'InvoiceSum'"&gt;{{invoice.InvoiceSum}}&lt;/td&gt;
                      &lt;td class="invoice-sum-column" data-title="'Оплата (сумма)'" sortable="'PaySum'"&gt;{{invoice.PaySum}}&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="r-pane"&gt;
          &lt;tasks&gt;&lt;/tasks&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/ng-template" id="invoiceTooltipTemplate"&gt;
      &lt;div ng-repeat="employee in employees"&gt;
          &lt;div&gt;{{employee.Post}}&lt;/div&gt;
          &lt;div&gt;{{employee.Name}}&lt;/div&gt;
          &lt;div&gt;{{employee.Phone}}&lt;/div&gt;
          &lt;div&gt;{{employee.Info}}&lt;/div&gt;
      &lt;div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>And that is my invoiceInfoTooltipDirective:</p>
  
  <pre><code>//require qtip2
  angular.module('invoiceModule')
      .directive('invoiceInfoTooltip', ['$compile', function ($compile) {
          return {
              restrict: 'A',
              scope: {
                  invoice: '=invoiceInfoTooltip'
              },
              link: function (scope, el, attrs) {
                  if (scope.invoice) {
                      var tooltipTitle = scope.invoice.Renter;
                      var tooltipText = '';
                      scope.employees = scope.invoice.RenterInfo.Employees;
                      tooltipText = $compile($('#invoiceTooltipTemplate').html())(scope);
                      el.qtip({
                          overwrite: true,
                          content: {
                              title: tooltipTitle,
                              text: tooltipText
                          },
                          style: {
                              classes: 'qtip-light invoice-qtip c-invoice-table-tooltip'
                          },
                          show: {
                              event: 'click',
                              solo: true
                          },
                          hide: {
                              fixed: true,
                              leave: true,
                              event: null
                          },
                          position: {
                              my: 'top center',
                              target: 'mouse',
                              adjust: {
                                  mouse: false
                              }
                          }
                      });
                  }
              }
          };
      }]);
  </code></pre>
  
  <p>directive use template #invoiceTooltipTemplate located in partial view </p>
  
  <p>If this template do not have  ngRepate, $compile in directive works fine. But I need iterate some content in template and want to use ngRepeat. </p>
  
  <p>No console errors. Nothing.</p>
  
  <p>If temlate does not compile it return this jquery obj:</p>
  
  <pre><code>[comment, jquery: "2.1.1", constructor: function, selector: "", toArray: function, get: function…]
  0: comment
  baseURI: null
  childNodes: NodeList[0]
  data: " ngRepeat: employee in employees "
  firstChild: null
  jQuery21106483948081731796: undefined
  lastChild: null
  length: 33
  localName: null
  namespaceURI: null
  nextElementSibling: div.ng-scope
  nextSibling: div.ng-scope
  nodeName: "#comment"
  nodeType: 8
  nodeValue: " ngRepeat: employee in employees "
  ownerDocument: document
  parentElement: null
  parentNode: document-fragment
  previousElementSibling: null
  previousSibling: null
  textContent: " ngRepeat: employee in employees "
  __proto__: Comment
  length: 1
  __proto__: Object[0]
  </code></pre>
  
  <p>I had similar situation in my project, but there`re no ngTable directive with ngRepeat. And it works fine. </p>