Angular 2/4和jquery脚本

Question

我已将jQuery添加到我的angular 4项目中，但我在使用旨在使用jQuery的脚本时遇到问题。

jQuery安装作为NPM包然后通过angulars加入CLI使用typings命令

我想访问我的文件compontents.ts那些jQuery脚本。

有问题的脚本是：

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

，并在您的组件：在你的角cli.json this

Answer 1

在组件

，你必须声明全局变量为jquery选择器，如下所示：

import ... 

declare var $: any; 

@Component({ 
... 
}) 
export class ANY_CLASS implements OnInit{ 
    ngOnInit() { 
    $('#demo').scrollbox(); 
    } 
//use it as you like after that 
} 

，并在您的模板：

<div id="demo" class="scroll-text"> 
    <ul> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
    </ul> 
</div> 

Answer 2

import * as $ from 'jquery';