在Angularjs 2应用程序中全局加载Jquery

Question

我需要在我的应用程序的所有组件中都有jquery，以便我可以像这样使用

导入jquery;并在所有组件中使用jquery api

我正在使用SystemJS，Angular 2和typescript。我怎样才能做到这一点？

此致

Answer 1

您需要在应用程序中导入jquery $，并且必须配置jQuery库可用的systemjs加载器

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

    // in your systemjs configuration
    //map

    (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',
  };

您也可以在html index.html中导入它，如下所示

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

调整自己以使其正常工作