AngularJS привязка плагин jQuery qTip2
Я пытаюсь выяснить, как связать содержимое всплывающей подсказки с угловым. У меня есть директива, которая выглядит так:
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
}
});
}
}
});
Он использует плагин qTip2отсюда
Мой index.html выглядит следующим образом (обратите внимание, что в фактический файл, который я включил все источники в голову, я просто не вставляю его сюда, чтобы избежать беспорядка):
<body>
<div initToolbar>
<p>
Hover over me. Hover over me. Hover over me.
</p>
</div>
</body>
а также
button.html
<div ng-controller="myController">
<button ng-click="someFunction()">Click me</button>
</div>
Как вы можете видеть в коде директивы. button.html загружается во всплывающую подсказку, однако это препятствует правильной работе angular - щелчок ng не работает, когда button.html загружается во всплывающее окно. Это потому, что угловой не знает об этом.
Я также знаю, что button.html действителен, потому что просто добавив
<ng-include src="'button.html'">
to index.html работает нормально (т.е. нажатие на кнопку выполняет someFunction ())
Итак, мой вопрос:
Как я могу связать фактическое содержание всплывающей подсказки с угловым? Если нет содержания, есть ли способ связать всплывающую подсказку так, чтобы об этом знал angular? Я знаком с $ scope. $ Apply (), но я не совсем уверен, как его использовать здесь.