angular2中使用jQuery

我知道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();
    }
}

當你運行你的應用程序時，你會看到它工作的文本！“在你的控制台上。是這么回事！這是一個很短的教程，但我希望它對你有幫助。