大佬教程收集整理的这篇文章主要介绍了如何使用jQuery与javascript在角度2，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
import {Component,ElementRef,OnInit} from 'angular2/core';
declare var jQuery:any;
@Component({
selector: 'jquery-integration',templateUrl: './components/jquery-integration/jquery-integration.html'
})
export class JqueryIntegration implements OnInit {
elementRef: ElementRef;
constructor(elementRef: ElementRef) {
this.elementRef = elementRef;
}
ngOnInit() {
jQuery(this.elementRef.nativeElement).draggable({
containment:'#draggable-parent'
});
}
}
jQuery可以像Angular2中的TypeScript一样使用吗？如何在Angular2中使用jQuery与JavaScript？
>在项目中安装jQuery Typings：tsd install jQuery
>使用脚本标签(或其他装载程序…)加载jQuery
>使用Angular 2指令包装任何jQuery插件
例：
@Directive({
selector: "[sm-dropdown]"
})
export class SMDropdown {
constructor(el: ElementRef) {
jQuery(el.nativeElement).dropdown();
}
}
考虑这个Plunker：
https://plnkr.co/edit/MMNWGh?p=preview
别：
>不要使用它来进行DOM操作,有Angular方式…>不要用于AJAX调用,有Angular方式…>不要将其用于动画,ngAnimation即将到来
以上是大佬教程为你收集整理的如何使用jQuery与javascript在角度2全部内容，希望文章能够帮你解决如何使用jQuery与javascript在角度2所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。