I am using Foundation 5 with AngularJS in my project. I have the following use case:
How do I go about generating that tooltip?
I tried:
AND I don't want to use ui.bootstrap because I am using Foundation 5 (Its a bad idea, right?).
Cannot say what "approach" exactly you need, in your particular case (fetch a list of something after something else has been clicked
) - but you can always generate the content of the tooltip on the fly :
<a href="#" class="has-tip" tooltip-html-unsafe="{{ buildToolTip() }}">TEST</a>
function :
$scope.buildToolTip = function() {
var list = ''
for (var i=0;i<3;i++) {
list+='<li><em>element #'+i+'</em></li>';
}
return '<ul>'+list+'</ul>'
}
now use the outcome of "Fetch a list specific to that div in response to the click" instead of the demonstration loop - you have the fetched list stored in a $scope
variable somewhere anyway, I assume?