Devrions-nous utiliser jQuery avec AngularJS?

Bonne chose à propos de AngularJS qui vous devez prendre en compte avant de faire la Migration.

1. Il fournit une liaison bidirectionnelle en ne sauvegardant que les variables dans la portée.
2. Autre chose que nous avons besoin d'écrire du code que de les comparer à JQuery.
3. Mise en œuvre dans l'approche modulaire(par la création de angular.module)
4. Maj la plupart du code de Javascript, HTML, qui ressemble à un code plus propre.
5. Singleton patterners sont là pour stocker des données & de les partager entre plusieurs contrôleurs ou des services.
6. Il en construit avec la plus petite version de jQuery qui est connu comme JQlite qui possède la plupart des fonctionnalités de base, mais que vous souhaitez utiliser JQuery dans AngularJS, elle sera disponible facilement vous devez simplement ajouter jQuery de référence, après que JQLite fonctionnalité est converti en JQuery.

Vous ne devez pas utiliser jQuery sur le haut de la AngularJS, parce que AngularJS digérer cycle ne courir si nous faisons tout angulaire de manipulation du DOM ou de la portée de la variable de manipulation à l'aide de JQuery.

Que vous migrez vous composant jQuery pour AngularJS vous devez suivre les choses ci-dessous

1. Vous devez d'abord chercher angular-ui-bootstrap site parce qu'ils avaient couvert la plupart des composant de l'INTERFACE utilisateur qui a déjà converti angulaire.
2. Je suis sûr que vous n'aurez pas trouvé tous les plug-in Angulaire de la version, que vous devez envelopper ce plugin à la directive. Qui vous donnera contrôleur de l'élément du DOM où la directive a placé.(Exemple pour Datepicker l'aide de la directive)
3. Ne pas essayer de lier un événement à partir de l'extérieur angulaire contexte qui permettra de créer un recueil de cycle, qui conduit à affecter dans la liaison de mise à jour sur l'INTERFACE utilisateur.
4. Assurer tout en faisant tout appel ajax qui devraient être à l'aide de $http plutôt que d'utiliser $.ajax
5. Il y a beaucoup d'endroits que vous pouvez trouver dans le code jquery qui serait remplacer par ng-directive de classe, comme si vous faites uniquement ajout & suppression de classe, ou de montrer certains de l'élément sur la base de tout service, de sorte que ce genre de jquery code peuvent être remplacés par l'utilisation ng-class directive
6. Recherchez les endroits où vous êtes seulement enlever un DOM ou en ajoutant des DOM, qui pourrait être facilement remplacé par le ng-if directive, ou seulement d'afficher, de masquer de l'élément peut être fait en utilisant soit ng-show/ng-hide
7. Également trouver une telle partie dans l'INTERFACE utilisateur dans laquelle vous créez le même DOM à l'aide de la boucle peut être convertir angulaire natif de la directive ng-repeat
8. Si vous avez des cas où vous voulez afficher et de masquer des éléments multiples, de sorte qu'une partie de code serait mis en œuvre à l'aide de ng-switch directive

Ici est une bonne façon de l'aborder. Si vous voulez mélanger jQuery Angulaire.. écrire directives AngularJS et dans le lien de la section de ces directives, vous pouvez inclure jQuery pour la manipulation du DOM.

Gardez à l'esprit que AngularJS utilise jQuery lite de sorte que beaucoup de ce que jQuery n'est déjà intégré dans Angulaire.

Par exemple, vous pouvez utiliser jQuery lite angulaire comme ça n'importe où dans angulaire application:

angular.element('.class').append('<p>foo</p>');

et à l'intérieur d'une directive fonction de lien,

angular.module('TestModule')
.directive('jqueryTestDirective', ['$timeout', function($timeout) {
    return {
      restrict: 'E',
      link : function (scope, element) {
        $timeout(function(){  
           element.append('<p>foo</p>');
        });
      }
}]);

<jquery-test-directive></jquery-test-directive>