angular2中使用jQuery

标签：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