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