I've been attempting to show some information in a Tooltip, but all I see is the Title displayed like this:
Below is the HTML code where I'm calling it:
<button class="btn btn-primary"
type="button"
ng-click="moreInfoSlip(slip)"
data-trigger="click"
data-type="success"
data-title="{{tooltip.title}}"
bs-tooltip>
Click me
</button>
And here's the corresponding JavaScript code:
$scope.moreInfoSlip = function(slip) {
console.log(slip);
$scope.tooltip = {
title: '<strong>PICK INFO</strong>',
content: '<div class="selection-info"><p><strong>Game</strong> ' + slip.gameLineObj.name + '</p>' +
'<p><strong>League</strong> ' + slip.leagueObj.name + '</p>' +
'<p><strong>Date</strong> ' + moment(slip.gameLineObj.date).format('MMMM Do YYYY, h:mm:ss a') + '</p>' +
'<p><strong>Line</strong> ' + _.result(_.find(slip.lines, {isSelected: '1'}), 'pick') + '</p></div>'
};
}
Can anyone identify what might be causing this issue?