使用jQuery与角2

我下面的教程，使用jQuery的分型文件夹内使用使用jQuery与角2

/// <reference path="../typings/tsd.d.ts" />

内app.component，但没有奏效。

尝试通过CDN在边index.html中导入库，然后使用声明var $：any;仍然没有工作

安装的jQuery通过NPM和它道内system.config.ts像下面

paths: { 
    // paths serve as alias 
    'npm:': 'node_modules/', 
    'jquery:': 'node_modules/jquery/dist/jquery.slim.min.js' 
},

仍然没有线索

更新：

现在我通过角安装角-cli。我没有404错误，但该应用程序仍然无法正常工作。这是在控制台

https://plnkr.co/edit/8HW67qLUF3t8zmTigXH6?p=preview

为什么你想这么做？ :) –

你通过jQuery后的功能是什么？ – Sami

您可以将一个导入添加到您的索引中。html文件，然后从'@ angular/platform-browser/src/facade/browser'导入{window};'并在你的angular中调用'window。$'。 –

的Jquery应该输出KEYUP当你只想做一个简单的DOM操作是真棒，我觉得它的对角，简单DOM在一行访问将是主要缺点之一大。在这里你走了。在你的index.html文件中加载Jquery。此外，您还需要包含定义文件才能让Jquery函数在打字稿功能中工作。

<script type="text/javascript" src="/assets/jquery-3.1.1.min.js" async></script>

2016-11-17 03:09:30 Paddy

你的意思是“你需要包含定义文件才能让Jquery函数在打字稿函数中工作”。 @稻田？ – minhnguyen

你提到你只是使用教程，所以，没有连接到SystemJS配置本身。

如果您使用的是Angular CLI，而不是（我的个人建议），则可以按如下做到这一点：

安装jQuery的，实际库

 
npm install jquery --save

安装jQuery的打字稿自动完成

 
npm install @types/jquery --save-dev

然后转到Angular CLI项目文件夹根目录下的./angular-cli.json文件，并找到scripts: []属性，添加这个里面：

 
"../node_modules/jquery/dist/jquery.min.js"

（或使用slim版本，如果这是你的那杯茶，保持路径的其余部分不变化）

之后，jQuery将可用于你作为一个全局变量。你可以登录jQuery.fn.jquery（它带来了jQuery的版本），以确保它的出色表现。

P.S.

如果您想要直接使用Webpack或者gulp，我们需要查看您的配置文件的示例，或者您用于创建项目的哪个项目种子（适用于Webpack和Gulp项目）。

2016-11-17 09:27:25 Meligy

感谢您为Angular CLI清除这个问题！ –

回答