shabari shabari - 1 year ago 142
jQuery Question

Globally load Jquery in Angularjs 2 application

I need to have jquery available into all my components of my application so that i can use like this

import jquery; and use the jquery api in all components

I am using SystemJS, Angular 2 and typescript. How can i achieve this ?


Answer Source

You need to import jquery $ in your application and have to configure your systemjs loader where the jQuery library will be available

    //in your typescript angular2
    import * as $ from 'jQuery';

    // in your systemjs configuration

    (function(global) {
  // map tells the System loader where to look for things
  var map = {
    'app':                        'app', // 'dist',
    'jQuery':                     'node_modules/jQuery/lib/node-jquery.js',

you can also import it in your html index.html like below

System.import('jQuery').catch(function(err){ console.error(err); });

Adjust your self to make it work

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download