Utilizzo di Jquery nella direttiva AngularJS buona o cattiva idea?

Question

Qui sotto puoi vedere il mio codice per la direttiva.

La mia domanda è: "Posso usare jQuery con le direttive che è una buona idea se non perché???"

outsource.directive('dedicated', function(){ 

     return { 
      restrict: 'E', 
      link: function(scope, element, attribute){ 

       $("#klik").click(function(){ 
        alert('works'); 
       }); 

      }, 

      replace: true, 
      templateUrl: 'src/app/components/views/dedicated-prices.html' 
     }; 
    }); 

P.S questo codice funziona.

Answer 1

Non si dovrebbe utilizzare jquery in quanto Angular ha una versione più leggera per il suo nome jqlite.

Altro documentazione su JQLITE

Così la vostra direttiva dovrebbe essere simile:

outsource.directive('dedicated', function(){ 

    return { 
     restrict: 'E', 
     link: function(scope, element, attribute){ 

      var elem = angular.element(document.querySelector('#klik')) 
      angular.element(elem).triggerHandler('click'); 

     }, 

     replace: true, 
     templateUrl: 'src/app/components/views/dedicated-prices.html' 
    }; 
}); 

Answer 2

Domanda interessante. Ho alcune jquery con la selezione degli elementi in alcune direttive/controller nella mia base di codice.

Mi sento sempre sporco usandolo e lo faccio solo quando ne ho davvero bisogno, sfortunatamente è quasi sempre una bomba a tempo e mi porta a maledirmi da solo qualche mese e ad usare un metodo più angoloso.

Avere un ultimo sguardo per vedere se c'è un modo nativo angolare di fare quello che stai cercando di fare, voi non ve ne pentirete!

Answer 3

Risposta semplice: SI (semplicemente fare riferimento jquery.js sopra Angular.js nella pagina HTML jqLite sarà sostituito da jQuery.)

si sarebbe utilizzando jQuery per manipolazione del DOM & ci sono molte discussioni in corso questo argomento (se usare o meno nei browser moderni).

Uno dei posti popolari nelle recentdays: http://lea.verou.me/2015/04/jquery-considered-harmful/

Nonostante tutto, jQuery è ancora molto popolare, biblioteca DOM altamente utilizzato. E, funziona perfettamente con molti moderni framework UI.