在指令的链接阶段添加角度内容

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>

如何编译该部分的任何想法？