Forma correcta de integrar los complementos jQuery en AngularJS

Me preguntaba cuál es la forma correcta de integrar los complementos jQuery en mi aplicación angular. He encontrado varios tutoriales y pantallas, pero parecen estar atendidos por un complemento específico.

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

¿Debería crear una directiva como tal?

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

Y luego, en el html, ¿llamas al guión y a la directiva?

 

Gracias por delante

Sí, estás en lo correcto. Si está utilizando un complemento jQuery, no coloque el código en el controlador. En su lugar, cree una directiva y coloque el código que normalmente tendría dentro de la función de link de la directiva.

Hay un par de puntos en la documentación que puedes echarle un vistazo. Usted puede encontrarlos aquí:
Errores comunes

Usando los controladores correctamente

Asegúrese de que cuando hace referencia al script en su vista, lo refiere en último lugar, después de que se haga referencia a la biblioteca angularjs, controladores, servicios y filtros.

EDITAR: en lugar de usar $(element) , puede usar angular.element(element) cuando usa AngularJS con jQuery

Ya tengo 2 situaciones en las que las directivas y los servicios / fábricas no funcionaron bien.

el escenario es que tengo (tuve) una directiva que tiene dependency injection de un servicio, y de la directiva pido al servicio que haga una llamada ajax (con $ http).

al final, en ambos casos ng-Repeat no archivó en absoluto, incluso cuando le di a la matriz un valor inicial.

Incluso traté de hacer una directiva con un controlador y un scope aislado

solo cuando moví todo a un controlador y funcionó como magia.

ejemplo sobre esto aquí Inicializando el plugin jQuery (RoyalSlider) en Angular JS