Angular uygulamasında jQuery nasıl kullanılır?

Angular uygulamalarınızda jQuery paketi yerine Angular versiyonları varsa veya alternatif bir paket varsa onu kullanmanız daha sağlıklı olacaktır. Ancak yinede jQuery kullanmanız gerekirse bunu nasıl yapacağımızı görelim.


İlk olarak jQuery'i npm ile kuralım;

npm install --save jquery


Daha sonra angular.json dosyasında projects - architect - build - options - scripts içerisinde jquery'i import edelim;

"scripts": [
  "node_modules/jquery/dist/jquery.min.js"
]


angular.json içerisinde değişiklik yaptıktan sonra projenizi yeniden başlatmayı unutmayın.


Component içerisinde jQuery'i import edelim. Bunu iki şekilde yapabiliriz;

import * as $ from 'jquery';

veya

declare var $: any;


Şimdi ilk denememizi yapalım;

ngOnInit() {
  $(() => {
    console.log('test');
  });
  $(document).ready(() => {
    console.log('test 2');
  });
}


Şuanda jQuery'nin sorunsuz çalıştığını görebilirsiniz.


Umarım faydalı olur.

Mehmet Sert

HTML, CSS, Javascript ve Angular konularında tecrübe edinmiş ve Bursa'da Frontend Developer olarak bir firmada görev almaktayım. Yeni teknolojilere meraklıyım, öğrendiklerimi uygulayarak ve anlatarak pekiştirmeyi seviyorum....

"Angular uygulamasında jQuery nasıl kullanılır?" için hiç yorum yapılmadı.

Henüz yorum yapılmamış.

Yorum yap * E-posta adresiniz yayınlanmayacak.