Maneira correta de integrar plugins jQuery no AngularJS

Eu queria saber qual é a maneira correta de integrar plugins jQuery no meu aplicativo angular. Eu encontrei vários tutoriais e screen-casts, mas eles parecem servir para um plugin específico.

Por exemplo: http://amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs

Devo criar uma diretiva como essa –

App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); 

E então no html chamamos o script e a diretiva?

 

Obrigado pela frente

Sim você está correto. Se você estiver usando um plugin jQuery, não coloque o código no controller. Em vez disso, crie uma diretiva e coloque o código que você normalmente teria dentro da function de link da diretiva.

Há alguns pontos na documentação que você poderia dar uma olhada. Você pode encontra-los aqui:
Armadilhas Comuns

Usando controladores corretamente

Certifique-se de que, ao referenciar o script em sua visualização, você o encaminhe por último – depois que a biblioteca, os controladores, os serviços e os filtros do angularjs forem referenciados.

EDIT: Em vez de usar $(element) , você pode fazer uso de angular.element(element) ao usar o AngularJS com jQuery

Já tenho duas situações em que diretivas e serviços / fábricas não funcionaram bem.

O cenário é que eu tenho (tinha) uma diretiva que tem injeção de dependência de um serviço, e da diretiva eu ​​peço ao serviço para fazer uma chamada de ajax (com $ http).

no final, em ambos os casos, o ng-Repeat não arquivou, mesmo quando eu dei ao array um valor inicial.

Eu até tentei fazer uma diretiva com um controlador e um escopo isolado

só quando eu mudei tudo para um controlador e funcionou como mágica.

exemplo sobre isso aqui Inicializando plugin jQuery (RoyalSlider) em Angular JS