title: Using Angular inside of a bootstrap popover
body: <p>I'm trying to create a table inside a Bootstrap popover that has an ng-repeat to make the rows but it seems like the angular is failing and I'm not sure why.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;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=
      '&lt;table class="table table-condensed"&gt;
         &lt;tbody&gt;
           &lt;tr ng-repeat="d in days"&gt;
             &lt;td&gt;{{d}}&lt;/td&gt;
           &lt;/tr&gt;
         &lt;/tbody&gt;
       &lt;/table&gt;'&gt;
        &lt;i class="fa fa-clock-o fa-lg"&gt;&lt;/i&gt;
  &lt;/a&gt;
  &lt;script type="text/javascript" &gt;
    $('#showDays').popover();
  &lt;/script&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>$scope.days = [
    'Sunday',
    'Monday',
    'Tuesday',
    'Wednesday',
    'Thursday',
    'Friday',
    'Saturday'
  ];
  </code></pre>
  
  <p>The result is that the popover body has one row that is empty. Any help is appreciated. Thank you!</p>