Plugin de ligação AngularJS Plugin qTip2 jQuery

Question

Jul 29, 2013, 11:14 PM

angularjs-scope angularjs angularjs-directive qtip2

Plugin de ligação AngularJS Plugin qTip2 jQuery

Eu estou tentando descobrir como vincular o conteúdo de uma dica de ferramenta com angular. Eu tenho uma diretiva que se parece com isso:

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
                }
            });
        }
    }
});

Ele usa o plugin qTip2daqui

Meu index.html se parece com isso (observe que no arquivo real incluí todas as fontes na cabeça, apenas não estou colando aqui para evitar desordem):

<body>
    <div initToolbar>
        <p>
            Hover over me. Hover over me. Hover over me.
        </p>
    </div>
</body>

e

button.html

<div ng-controller="myController">
    <button ng-click="someFunction()">Click me</button>
</div>

Como você pode ver no código da diretiva. button.html é carregado na dica de ferramenta, no entanto, isso impede que o funcionamento do ângulo seja adequado. O ng-click não funciona quando o button.html é carregado no pop-up. Isso é porque o angular não sabe disso.

Eu também sei que button.html é válido porque simplesmente adicionando

<ng-include src="'button.html'">

para index.html funciona bem (ou seja, clicando no botão executa someFunction ())

Então minha pergunta é:

Como posso vincular o conteúdo real da dica de ferramenta com o ângulo? Se não o conteúdo, existe uma maneira de vincular a dica de ferramenta de modo angular sabe sobre isso? Eu estou familiarizado com $ scope. $ Apply (), mas não tenho certeza de como usá-lo aqui.