Добавить угловой контент на этапе ссылки директивы

Question

Я пытаюсь сделать пользовательскую подсказку, которая содержит таблицу, заполненную ng-repeat.

Моя директива выглядит следующим образом:

app.directive('picker', function ($compile) {
   return {
      restrict: 'A',
      link: function (scope, element) {
         $(element).popover({
            title: 'picker',
            content: $compile('<table class="..."><tbody><tr ng-repeat="item in pickerItems">...</tr></tbody></table>')(scope),
            html: true
         });
         $compile()
      }
   };
});

Когда я открываю страницу, всплывающая подсказка отображается, но содержимое пусто. В инструментах разработки я вижу таблицу, но tbody выглядит так

<tbody> ngRepeat: item in pickerItems </tbody>

Есть идеи, как скомпилировать этот раздел?