Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
Hello, {{name}}!
<div ng-repeat="string in stringArray">
{{ string }}
</div>
<a href="#" data-placement="right" title="{{ stringArray }}" tooltip>tooltip</a>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.factory('myService', function() {});
function MyCtrl($scope) {
$scope.name = 'Superhero';
$scope.stringArray = ["string1","string2","string3"];
}
myApp.directive('tooltip', function() {
return {
restrict: 'A',
link: function(scope, element, attrs){
$(element).hover(function(){
$(element).tooltip('show');
}, function(){
$(element).tooltip('hide');
});
}
};
});