Edit Question - KnowledgeHub

Title Body

I am trying to figure out how to bind the content of a tooltip with angular. I have a directive that looks like this: script.js var myApp = angular.module('myApp', []); myApp.directive('initToolbar', function(){ return { restrict: 'A', link: function(scope, element, attrs) { $(element).qtip({ content: { ajax: { url: 'button.html' } }, position: { my: 'bottom left', at: 'bottom middle', target: $(element) }, hide: { fixed : true, delay : 1000 } }); } } }); It uses the qTip2 plugin from here My index.html looks like this (please note that in the actual file I have included all the sources in head, I am just not pasting it here to avoid clutter): <body> <div initToolbar> <p> Hover over me. Hover over me. Hover over me. </p> </div> </body> and button.html <div ng-controller="myController"> <button ng-click="someFunction()">Click me</button> </div> As you can see in the directive code. button.html is loaded into the tooltip, however this prevents angular from functioning properly-- The ng-click does not work when button.html is loaded into the popup. That is because angular does not know about it. I also know that button.html is valid because simply adding <ng-include src="'button.html'"> to index.html works fine (i.e clicking on the button executes someFunction()) So my question is: How can

Tags (comma-separated) Cancel