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.