Verwenden von Angular in einem Bootstrap-Popover
Ich versuche, eine Tabelle in einem Bootstrap-Popover zu erstellen, die eine ng-Wiederholung enthält, um die Zeilen zu erstellen, aber der Winkel scheint nicht zu stimmen, und ich weiß nicht, warum.
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>
Regler
$scope.days = [
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
];
Das Ergebnis ist, dass der Popover-Body eine leere Zeile hat. Jede Hilfe wird geschätzt. Vielen Dank