Использование Angular внутри загрузочного поповера

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

HTML:

<a  id="showDays"
    type="button"
    class="btn btn-success btn-xs pull-right"
    data-toggle="popover"
    data-placement="left"
    data-html="true"
    title="Popover title"
    data-content=
    '<table class="table table-condensed">
       <tbody>
         <tr ng-repeat="d in days">
           <td>{{d}}</td>
         </tr>
       </tbody>
     </table>'>
      <i class="fa fa-clock-o fa-lg"></i>
</a>
<script type="text/javascript" >
  $('#showDays').popover();
</script>

контроллер:

$scope.days = [
  'Sunday',
  'Monday',
  'Tuesday',
  'Wednesday',
  'Thursday',
  'Friday',
  'Saturday'
];

В результате тело поповера имеет одну пустую строку. Любая помощь приветствуется. Спасибо!

Ответы на вопрос(2)

Ваш ответ на вопрос