Question

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

jQuery作为npm包安装，然后使用typings命令通过angulars cli添加

我想访问jQuery个文件中的compontents.ts个脚本。

相关脚本是：this

Answer 1

你的angular-cli.json中的

：

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

并在您的组件中：

import * as $ from 'jquery';

Answer 2

在组件中，您必须为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>

Angular 2/4和jquery脚本

2 个答案: