首页 > Web开发 > 详细

angular2中使用jQuery

时间:2016-11-01 19:21:07      阅读:512      评论:0      收藏:0      [点我收藏+]

我知道angular2使用jQuery的想法可能看到一点点奇怪很多的你,我们都知道,angular2负责管理我们的视图组件和DOM元素相关的一切,这听起来像一个好主意,用另一个框架做的一个工作角可以轻易做到。

也就是说,为什么会有人想要jQuery和angular2整合?

嗯,有一些情况下,我们仍然要使用jQuery,比如重用一些jQuery代码或组件时,不可能用angular2改写一切,这可能是为什么你正在阅读这篇教程。

现在让我们看看如何做到这一点,其实真的很简单,基本上你要做的就是添加jQuery脚本到您的index.html和组件声明jQuery,下面是一个例子:

import {Component} from angular2/core;
 
declare var jQuery:any;
 
@Component({
    selector: my-app,
    template: `<button onclick="console.log(‘It Worked!!‘)">
                    jQuery Integration Test
               </button>
              `
})
 
export class AppComponent { 
 
    ngAfterViewInit() {
        jQuery(button).click();
    }
}

当你运行你的应用程序时,你会看到它工作的文本!“在你的控制台上。是这么回事!这是一个很短的教程,但我希望它对你有帮助。

 

angular2中使用jQuery

原文:http://www.cnblogs.com/cjxhd/p/6020314.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!