码迷,mamicode.com
首页 > Web开发 > 详细

angular2中使用jQuery

时间:2016-11-01 19:24:23      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:class   cto   cli   html   htm   span   dex   框架   core   

我知道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

标签:class   cto   cli   html   htm   span   dex   框架   core   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!