Usando Angular dentro de un popover bootstrap
Estoy tratando de crear una tabla dentro de un popover Bootstrap que tiene una repetición ng para hacer las filas, pero parece que el angular está fallando y no estoy seguro de por qué.
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>
Controlador:
$scope.days = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
];
El resultado es que el cuerpo de popover tiene una fila que está vacía. Cualquier ayuda es apreciada. ¡Gracias!