Angular 2/4和jquery脚本
问题描述:
我已将jQuery
添加到我的angular 4
项目中,但我在使用旨在使用jQuery
的脚本时遇到问题。Angular 2/4和jquery脚本
jQuery
安装作为NPM包然后通过angulars加入CLI使用typings
命令
我想访问我的文件compontents.ts
那些jQuery
脚本。
有问题的脚本是:
"scripts": [
"../node_modules/jquery/dist/jquery.min.js"
],
,并在您的组件:在你的角cli.json this
答
在组件
,你必须声明全局变量为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>
答
import * as $ from 'jquery';
很抱歉,但在该问题时,我已经有jQuery的经分型inplemented,我是后是如何实现的jQuery(滚动框)插件,所以我会能够调用'$(“#demo”)。scrollbox()'按照滚动条上的例子github – MrSandman
你已经完成了npm install jquery的权利吗? – Wandrille
Ofcourse,@Wandrille并通过类型添加jQuery – MrSandman